AngularJS 模板

模板

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

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

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