绑定 – ember.js中的bind-attr如何工作?

前端之家收集整理的这篇文章主要介绍了绑定 – ember.js中的bind-attr如何工作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我还没有真正构建一个应用程序,但我对bind-attr的文档感到困惑.它说你可以这样做:
App.logoView = Ember.View.extend({
  logoUrl: 'http://www.mycorp.com/images/logo.png'
});

使用模板:

<div id="logo">
  <img {{bind-attr =logoUrl}} alt="logo" />
</div>

生产:

<div id="logo">
  <img src="http://www.mycorp.com/images/logo.png" alt="logo" />
</div>

同样地:

App.AlertView = Ember.View.extend({
  priority: "p4",isUrgent: true
});

使用模板:

<div {{bind-attr =priority}}>
  Warning!
</div>

生产:

<div class="p4">
  Warning!
</div>

Ember如何知道第一个示例中的src属性和第二个示例中的class属性?除非我在这里遗漏了一些东西,否则这似乎不太可能.

解决方法

文档似乎是错误的.运行文档中列出的代码,我收到以下错误
Uncaught Error: Parse error on line 4:
...    <img {{bind-attr =logoUrl}} alt="Lo
-----------------------^
Expecting 'CLOSE','STRING','INTEGER','BOOLEAN','ID','SEP'

像你期望的那样运行代码看起来很好.您需要指定有问题的属性

<div id="logo">
    <img {{bind-attr src=logoUrl}} alt="logo">
</div>

这是一个working example(删除属性名称并在控制台中查找错误).

原文链接:https://www.f2er.com/js/159599.html

猜你在找的JavaScript相关文章