angular 基础语法
宋宇
# angular 基础语法
# angular 模块
- angular 使用 ts+es6 的 class 作为模块化开发语法。
- class 类里的三种常用声明属性方式
class my {
/*
public:公有·默认 可以在类里外用
private:私有 只在当前类才能访问
protected:保护类型 只在当前和它的子类里访问
*/
// 推荐语法
public msg:any = '666'
constructor(){
this.msg = '可以的'
}
}
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# 绑定值
<h2 [innerText]="msg"></h2>
<div>{{ inner }}</div>
1
2
2
# 绑定属性
# 绑定静态属性
<div title='放上来自己看'>来啊~</div
# 绑定动态属性
<div [title]='msg'>放上来看效果</div>
# 渲染字符串 dom 片段
<div [innerHTML]="content"></div>
1
# 循环渲染
<li *ngFor="let item of list">{{ item }}</li>
1