- 使用
ng-bind
或者ng-cloak
而非简单的{{ }}
以防止页面渲染时的闪烁。 - 避免在模板中使用复杂的代码。
- 当需要动态设置 的
src
时使用ng-src
而非src
中嵌套{{}}
的模板。[ - 当需要动态设置的
href
时使用ng-href
而非href
中嵌套{{ }}
的模板。 - 通过对象参数和 scope 变量作为值来使用
ng-style
指令,而非将 scope 变量作为字符串通过{{ }}
用于style
属性。 ](https://github.com/mgechev/angularjs-style-guide/blob/master/README-zh-cn.md)
[
<script>
...
$scope.divStyle = {
width: 200,
position: 'relative'
};
...
</script>
<div ng-style="divStyle">my beautifully styled div which will work in IE</div>;
](https://github.com/mgechev/angularjs-style-guide/blob/master/README-zh-cn.md)