AngularJS中ng-if/ng-switch时找不到scope下的定义的变量

最新推荐文章于 2021-02-26 10:02:51 发布

海阔山遥-未知何处是潇湘

最新推荐文章于 2021-02-26 10:02:51 发布

阅读量4k

点赞数

分类专栏：前端开发文章标签： javascript angularjs

本文链接：https://blog.csdn.net/gua_381091614/article/details/48544585

版权

前端开发专栏收录该内容

21 篇文章 1 订阅

订阅专栏

在项目中经常会用到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>

优惠劵

海阔山遥-未知何处是潇湘

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS中ng-if/ng-switch时找不到scope下的定义的变量

在项目中经常会用到ng-if/ng-switch，但是在使用这两个directive之后，在scope中定义的变量在这使用两个directive的html中访问不到。原因是由于使用ng-if/ng-switch会创建自己的scope，也是就是当前scope的子scope。解决办法有两种app.controller('MainCtrl', function($scope) { $scope
复制链接

扫一扫