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

发布时间:2019-03-14 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了绑定 – 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(删除属性名称并在控制台中查找错误).

总结

以上是脚本之家为你收集整理的绑定 – ember.js中的bind-attr如何工作?全部内容,希望文章能够帮你解决绑定 – ember.js中的bind-attr如何工作?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。