AngularJS 模板

模板

• 使用 ng-bind 或者 ng-cloak 而非简单的 {{ }} 以防止页面渲染时的闪烁。
• 避免在模板中使用复杂的代码。
• 当需要动态设置 <img> 的 src 时使用 ng-src 而非 src 中嵌套 {{}} 的模板。
• 当需要动态设置 <a>的 href 时使用 ng-href 而非 href 中嵌套 {{ }} 的模板。
• 通过对象参数和 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>;