大话 语法糖

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

Vue

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

@bind :attr

React

用过即丢,不留痕迹

<></>

Ng2

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 协议》,转载必须注明作者和本文链接
pardon110
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
开发者 @ 社科大
文章
133
粉丝
24
喜欢
100
收藏
54
排名:107
访问:8.9 万
私信
所有博文
社区赞助商