大话语法糖

面对未解之事，人们总是习惯用已知观念去具化去解释

Vue#

vue 把 @事件绑定别名 ：动态属性

@bind ：attr

用过即丢，不留痕迹

<></>

Ng2 的逻辑基本是 ts–> ng 模块 –ng 组件 –> 指令套件

<div *ngIf="hero" class="name">{{hero.name}}</div>

星号 (*) 这个简写方法，而这个字符串是一个微语法，而不是通常的模板表达式。 Angular 会解开这个语法糖，变成一个 <ng-template> 标记，包裹着宿主元素及其子元素。它的真实样子是这样

<ng-template [ngIf]="hero">
  <div class="name">{{hero.name}}</div>
</ng-template>

与属性绑定使用中括号，事件绑定多了一种选择 on- 前缀

<button (click)="onSave()">保存</button>
// 等价
<button  on-click="onSave()">On Save</button>

双向绑定也有两种选择

<input [(ngModel)]="currentUser.firstName">
// 或
<input  bindon-ngModel="currentUser.firstName">

本作品采用《CC 协议》，转载必须注明作者和本文链接

860 声望

开发者 @ 社科大

暂无个人描述~

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助