javascript - Angular 2.什么是渲染 : [ngClass] or class ="{{}}"? 更快

标签 javascript angular angular2-template

什么会渲染得更快?

  <div class="ololo" [ngClass]="{'my-class': myVar}">one</div>

  <div class="ololo {{myVar ? 'my-class': ''}}">another</div>

还是其他方式?

最佳答案

我做了一些研究,可以肯定地说这种方法

<div class="ololo" [ngClass]="{'my-class': myVar}">one</div>

工作速度比

慢 3 倍
<div class="ololo {{myVar ? 'my-class': ''}}">another</div>

请看演示

https://stackblitz.com/edit/angular-fvtzck

关于javascript - Angular 2.什么是渲染 : [ngClass] or class ="{{}}"? 更快,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46605252/

相关文章:

javascript - Zapier 代码 (JS) + Twitter API - POST 状态/转推/:id

javascript - 给动态 id Angular2 绑定(bind)

Angular Material 和 NGRX : mat-expansion-panels close when Input changes

javascript - Angular2+ : how does NgModel/NgControl internally handle updates from view to model?

angular - OrderBy 管道问题

javascript - 将模板添加为 innerHTML 时 Angular 2 绑定(bind)/事件不起作用

javascript - Puppeteer 不关闭浏览器

javascript - 用图像替换页面而不是添加它

javascript - 末尾允许所有数字和可选字母 x(不区分大小写)

使用 ng-content 的 Angular pass 模板引用