- 使用
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>;