AngularJS 模板

模板

• 使用 ng-bind 或者 ng-cloak 而非簡(jiǎn)單的 {{ }} 以防止頁(yè)面渲染時(shí)的閃爍。
• 避免在模板中使用復(fù)雜的代碼。
• 當(dāng)需要?jiǎng)討B(tài)設(shè)置 <img> 的 src 時(shí)使用 ng-src 而非 src 中嵌套 {{}} 的模板。
• 當(dāng)需要?jiǎng)討B(tài)設(shè)置 <a>的 href 時(shí)使用 ng-href 而非 href 中嵌套 {{ }} 的模板。
• 通過(guò)對(duì)象參數(shù)和 scope 變量作為值來(lái)使用 ng-style 指令，而非將 scope 變量作為字符串通過(guò) {{ }} 用于 style 屬性。

<script>
...
$scope.divStyle = {
  width: 200,
  position: 'relative'
};
...
</script>

<div ng-style="divStyle">my beautifully styled div which will work in IE</div>;