Page 446 - AngularJS权威教程

426 第 32 章 优化 Angular 应用

*
*
使用bo- 标签时，需要确保包含了bindonce指令。所有子bo- 指令都会等待这
个指令解析数据。
1. bo-if="condition"

这个指令等同于调用ng-if，但是它没有使用额外的监控器。
2. bo-show="condition" / bo-hide="condition"

这个指令等同于调用ng-show或者ng-hide，但是没有使用任何额外的监控器。
3. bo-text="text"

这个指令会对text求值，然后将它放到元素内。类似于ng-bind。

4. bo-href="url" / bo-href-i="url"
使用bo-href时不允许使用需要插值的"url"，而bo-href-i允许URL中包含插值。下面这两
个调用功能是等价的：
// bo-href 不允许任何插值
<a bo-href="'/users/' + User.id">√</a>
// bo-href-i 允许插值
<a bo-href-i="'/users/{{ User.id }>√</a>
5. bo-src="url" / bo-src-i="url"
bo-src不允许在URL内插值，而bo-src-i允许。下面这两个调用功能是等价的：

// bo-src不允许任何插值
<img bo-src="'/users/' + User.gravatar" />
// bo-src-i允许插值
<img bo-src="/users/{{ User.gravatar }}" />
6. bo-alt="text"

类似于bo-text，这个指令会在DOM元素内渲染文本，然后将文本设置给元素的alt属性。
7. bo-title="title"

bo-title指令会在DOM元素内渲染文本，然后将文本设置给元素的title属性。
8. bo-id="id"

这个指令渲染"id"，然后将这个id设置给元素的id属性。
9. bo-style="style"

这个指令会使用和ng-style一样的语法将样式作为表达式渲染，而不会使用监控器。
10. bo-value="value"

这个指令渲染给定的值，然后将它设置给元素的value属性。
11. bo-attr bo-attr-foo="hello"

这个指令会在DOM元素中将文本"foo"作为自定义属性渲染。
使用ng-repeat优化静态数据页面，Bindonce是一个很不错的选择。