This lesson covers using the [input] syntax to change an element property such as “hidden” or “content-editable”. Using properties eliminates the need for Angular 1’s old directives such as ng-show and ng-hide as you’re now able to directly access any property on your element.

?

todoService.ts export class TodoModel{status: string = "started";constructor(public title: string = ""){}toggle(): void{if(this.status === "started") this.status = "completed";else this.status = "started";} }

?

todoList.ts

import {Component, View, NgFor} from 'angular2/angular2'; import {TodoService} from './todoService';@Component({selector: 'todo-list' }) @View({directives: [NgFor],template: `<div><div *ng-for="#todo of todoService.todos"><span [content-editable]="todo.status === 'started'">{{todo.title}}</span><button (click)="todo.toggle()">Toggle</button></div></div> ` })export class TodoList{constructor(public todoService:TodoService){} }

?

轉載于:https://www.cnblogs.com/Answer1215/p/4910173.html

總結

以上是生活随笔為你收集整理的[Angular 2] Template property syntax的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。