AngularJS中ng-if/ng-switch时找不到scope下的定义的变量
2015-09-18 12:08
721 查看
在项目中经常会用到ng-if/ng-switch,但是在使用这两个directive之后,在scope中定义的变量在这使用两个directive的html中访问不到。原因是由于使用ng-if/ng-switch会创建自己的scope,也是就是当前scope的子scope。解决办法有两种
app.controller('MainCtrl', function($scope) { $scope.model = { name: 'Jack' } $scope.name='Eason'; });
<body ng-controller="MainCtrl"> <input ng-if="1===1" ng-model="model.name"> <p>Hello {{model.name}}!</p> <input ng-if="1===1" ng-model="$parent.name"> <p>Hello {{$parent.name}}!</p> </body>
相关文章推荐
- 怎么样快速学习AngularJS?
- angularJS中批量提交请求的batch.js(2)
- Using Angular 1.x With ES6 and Webpack
- 约战Angular中Promise(1)
- AngularJS进阶(六)AngularJS+BootStrap实现弹出对话框
- AngularJS进阶(六)AngularJS+BootStrap实现弹出对话框
- angular之service、factory预provider区别
- angular 依赖注入
- angular编辑页面跳转的问题
- Angular应用技巧
- 避免angular出现{{}}
- AngularJS的学习--$on、$emit和$broadcast的使用
- angularJS中批量提交请求的batch.js(1)
- 与AngularJS的约会之事件循环+watchers源码分析
- 学习笔记-AngularJs(三)
- angularJs编写多指令的情况
- ANGULARJS中使用JQUERY分页控件
- angularJS URL中的锚点(#)
- AngularJS使用 ng-options 实现传值给后台controller
- AngularJS使用 ng-repeat 中的 $index与替代方法