ng-repeat

angular移动开发那些事

一开始叫我使用angular开发移动端页面的时候我是拒绝的,且不说性能问题吧,主要是姐不会angular啊。首先,下载依赖包:GoogleCDNe.g.NPMe.g.Bowere.g.code.angularjs.orge.g.然后在html文件中引入依赖模块注册如此,ngClick指令在触摸屏上的点击事件就不会在有300ms的延迟了。监听数组变化angular的$swatch在监听数组的变化时,需要传入一个true参数,否则监听不到变化。

AngularJS Select(选择框)

ng-repeat有局限性,选择的值是一个字符串:实例使用ng-r{{x.site}}>的是:{{selectedSite}}尝试一下使用ng-options指令,选择的值是一个对象:实例使用ng-options:你选择的是:{{selectedSite.site}}网址为:{{selectedSite.url}}

【AngularJS: Up & Running】第二章_基本的AngularJS指令及控制器

另一种解决办法是:使用ng-cloak指令。3ng-cloak在AngluarJS启动到加载完毕之间的时间段内隐藏掉界面。4ng-show和ng-hide通过绑定一个布尔型的变量,AngularJS就能控制UI显示与否。如果不适用trackby,angularJS默认会把原先的DOM节点全部删除,再插入新的节点。标记操作可以通过ng-repeat-start和ng-repeat-end指令进行。

修改ng-repeat遍历出来的单条数据

这种情况适用于,通过ng-repeat遍历出很多条数据,然后点击某一条进行修改,因为每一条数据都不一样,所以传递的参数也不一样。然后在B页面显示被点击那条数据的内容,当然在B页面也会得到这条数据的id,然后修改name等值,根据id去修改数据,保存到数据库。

深入理解 AngularJS 的 Scope

因为每个Controller都有它对应的Scope,所以Controller的嵌套,也就意味着Scope的嵌套。这个行为实际上不是AngularJS特有的,JavaScript本身的原型链就是这样工作的。这将阻止子Scope创建它自己的属性。它们在parentScope中被找到了,并且值被更新。ng-include假设在我们的controller中,$scope.myPrimitive=50;$scope.myObject{aNumber:11;HTML为:每一个ng-include会生成一个子Scope

Angularjs中的ng-repeat

ng-repeat指令用于循环输出指定次数的HTML元素。集合必须是数组或对象。例如:在这里要注意:1、对于每一个div都有自己独立的scope,该scope拥有一个$index属性作为标示repeat的位置。即是说,你修改了input的值,而不会进行重新运行ng-repeat,除非你改变了records的长度。

更新$scope 时,ng-repeat 不刷新

前几天用angularjs遇到一个大坑,就是在使用ng-repeat时,用jquery的ajax方法获取服务器数据,再传给$scope时,页面不更新。搜了好几天,国内的贴子里面都没提到过这种动态刷新,都是传一个常量给$scope.今天终于在stackoverflow上找到原因,就是在angularjs里面,如果你用了jqueryt的方式ajax,angularjs是发现不了的,自然也就不会更新,必须用angular自带的方式$http来执行ajax方法。。。

理解Angular的作用域译

AngularJS初学者通常没有意识到,ng-repeat、ng-switch、ng-view和ng-include所有这些指令都会创建一个子作用域,所以当执行这些指令时便会出现问题。以下就Angular源码中ng-repeat具体实现:如果迭代项为基本类型,实质上把该值的拷贝分配给了子作用域新的属性。在Angular1.0.2及之前版本中,在输入框中输入,会改变灰色框框内的值,即子作用域的属性值。在Angular1.0.3+版本,在文本框中输入不会有任何效果。