模板
最后更新于:2022-04-01 01:07:52
* 使用 `ng-bind` 或者 `ng-cloak` 而非简单的 `{{ }}` 以防止页面渲染时的闪烁。
* 避免在模板中使用复杂的代码。
* 当需要动态设置 [](https://github.com/mgechev/angularjs-style-guide/blob/master/README-zh-cn.md) 的 `src` 时使用 `ng-src` 而非 `src` 中嵌套 `{{}}` 的模板。
* 当需要动态设置的 `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>;
~~~