angular -- ng基本语法

ngfor: 

        <li *ngFor="let item of todos">
             <div>{{ item.title }}</div>
        </li>

ngif

<ul class="todo-list" *ngIf='todos.length'>
    .....
</ul>

第二种 , 搭配<ng-template>

<ng-template [ngIf]='todos.length'>
    .....
</ng-template>

 

[(ngModel)]双向数据绑定 

<input class="toggle" type="checkbox" [(ngModel)]="item.done">//item.done是布尔值

[ngClass]

[ngClass]='{completed:item.done}' // 动态获取类名 , item.done为true显示

get()和set()

        var person = {
            _name: "zs",
            set name(name) {
                this._name = name;
            },
            get name() {
                return this._name;
            }
        }

        console.log(person.name) //调用get()  打印zs
        person.name = "ls";    //调用set()
        console.log(person.name) //调用get()  打印ls