发表于: 2021-03-03 20:27:30

1 1030


今天完成的事情:

重装git,并复习了git属性的使用

git init :创建一个名为 .git 的子目录

git clone :拷贝一个 Git 仓库到本地

并将存储在github的文件传输到本地文件夹中

重装npm

重装ps

查看栅格系统和jquery的引用


重装vscode的问题:

重装后文件的跳转会无法找到文件,部分代码视图位置偏移


学习angular基础知识:

模板语法:

插值 {{...}}:

<p>{{title}}</p>

插值中的数字,先求值,再转换成字符串

<p>The sum of 2 - 1 is {{2 - 1}}.</p>
<!-- "The sum of 2 - 1 is 1" -->


模板表达式:

模板表达式会产生一个值,并出现在双花括号 {{ }} 中。 Angular 执行这个表达式,并把它赋值给绑定目标的属性,这个绑定目标可能是 HTML 元素、组件或指令

模板表达式与JavaScript相似,其区别:

不能使用可能引发副作用的 JavaScript 表达式:

赋值 (=, +=, -=, ...)

new、typeof、instanceof 等运算符

使用 ; 或 , 串联起来的表达式

自增和自减运算符:++ 和 --

一些 ES2015+ 版本的运算符

不支持位运算,比如 | 和 &


新的模板表达式运算符:

例如 |,?. 和 !


模板语句

模板语句用来响应由绑定目标(如 HTML 元素、组件或指令)触发的事件

如:(event)="new"

<button (click)="deleteHero()">Delete hero</button>

模板语句不能引用全局命名空间的任何东西。如: window 或 document,也不能调用 console.log 或 Math.max


绑定语法:概览

数据绑定是一种机制,用来协调用户可见的内容,特别是应用数据的值

作用:应用就会更易于编写、阅读和维护。 只需声明数据源和目标 HTML 元素之间的绑定关系框架会完成其余的工作


按数据流的方向分为绑定类型可以分为:

单向:从数据源到视图

绑定类型:插值、属性、Attribute、CSS类、样式

{{expression}}
[target]="expression"
bind-target="expression"


单向:从视图到数据源

绑定类型:事件

(target)="statement"
on-target="statement"


双向:视图到数据源到视图

绑定类型:双向

[(target)]="expression"
bindon-target="expression"


除插值以外的其它绑定类型在等号的左侧都有一个“目标名称”,由绑定符 [] 或 () 包起来, 或者带有前缀:bind-,on-,bindon-

绑定的“目标”是绑定符内部的属性或事件:[]、() 或 [()]



数据绑定与 HTML

双向绑定:

<input [(ngModel)]="name">


类绑定:

单个类的绑定:

[class.foo]="test"

多个类的绑定:

[class]="test"


样式绑定:绑定颜色样式

<div style="color: blue">Some text</div>


样式的优先级规则:

某个类或样式绑定越具体,它的优先级就越高

优先级,如:

[style.bar]>[style]


问题:

不懂angular的导航和从服务器端获取数据,跳过学习下面的angular的基础


返回列表 返回列表
评论

    分享到