推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
angularjs的一个问题，ng-repeat中使用ng-click
ThomasChan · 2013-12-26 22:03:25 +08:00 · 11413 次点击这是一个创建于 3985 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近在学angular 遇到一个问题
模板是这样
settings是这样
结构类似于选项卡
可是我这么写没效果 点ng-click修改不了ng-include
可是在另一个页面里这么写是有效果的
额搞不懂。。
模板是这样
settings是这样
结构类似于选项卡
可是我这么写没效果 点ng-click修改不了ng-include
可是在另一个页面里这么写是有效果的
额搞不懂。。
 |
1
leofml 2013-12-26 22:31:34 +08:00
|
 |
2
teddy1004 2013-12-26 22:52:20 +08:00
ng-click 里面不用加双括号
|
 |
3
ThomasChan OP |
|
4
teddy1004 2013-12-27 01:03:09 +08:00  1
@ThomasChan 1楼给的文档里面的例子很明白了，ng-click 是不用加花括号的
还有就是你的代码的 scope 的问题，因为 ng-repeat 里面输出的元素会有自己新的 scope, L 所在的 scope 是 rootScope，所以就导致变成下面的状况 https://www.dropbox.com/s/0utsjmsiy138hea/Screen%20Shot%202013-12-27%20at%2012.49.18%20AM.png 你每次 ng-click 的时候其实是在新的 scope 里面在创建一个自己的 L 然后赋值的，而 rootScope 的值是一直没变的，比如随便点击了一个就是下面的状况： https://www.dropbox.com/s/8ub06pycsr10m05/Screen%20Shot%202013-12-27%20at%2012.52.17%20AM.png 解决办法就是，把你代码里面的 L 变成 L.link 或者其他 L.anything . 起的作用你可以去 egghead.io 里面看看，专门有讲解的，加了之后 scope 层级就变成这样了： https://www.dropbox.com/s/q0c49x4b1vzr66i/Screen%20Shot%202013-12-27%20at%201.00.54%20AM.png 最后推荐一下我用的这个 chrome 插件，AngularJS Batarang，学 AngularJS 必备～ |
|
5
teddy1004 2013-12-27 01:07:58 +08:00
|
|
6
ThomasChan OP @teddy1004 非常感谢
|
Select Language