angularjs坑记录

1 我用模板生成了如下一段代码

<input type="text" value="blabla" ng-model="str">

但是我在用$scope.str取值的时候，取出来是空的，并且input的值也被置空了。

经过研究，发现这个值是被angular默认置空的。angular在渲染模板的时候会默认调用ng-init, 如果ng-init里面没有设置的话，这个input的就会被置空。

解决办法如下

<input type="text" ng-init="str='blabla'" ng-model="str">

2 怎样在页面刚加载的时候不显示模板配置。

我在页面写下如下代码：

<div>{{myStr}}</div>

结果页面刚载入的时候会显示 {{myStr}}， 这是angular还没执行完成，才导致显示这个。解决办法是：

<div ng-bind-template="{{myStr}}"></div>

这样就不会显示模板语言了

3 如果点击锚定链接时滚动到对应位置。 在锚定中链接添加 target="_self"

4 select中添加ng-change事件会报错，解决办法，需要给这个元素添加ng-model

作者我搞了个微信公众号：中国IT热点（ID: xiunen_z），欢迎关注，可以玩游戏的公众号哦！