angular的指令的子作用域继承问题

最新推荐文章于 2021-11-19 15:02:44 发布

皮卡皮卡_

最新推荐文章于 2021-11-19 15:02:44 发布

阅读量552

点赞数

分类专栏： angular 文章标签：对象继承 js 前端开发 angular

本文链接：https://blog.csdn.net/qq_21954457/article/details/47086887

版权

本文探讨了Angular指令中关于作用域继承的问题。通过两个例子展示了当value为基本类型和引用类型时，如何影响父级作用域。在例子1中，基本类型的数据修改不会影响父级。而在例子2中，由于引用类型的特性，修改子级会影响到父级。这些现象都源于JavaScript的原型继承和数据类型处理方式。

摘要由CSDN通过智能技术生成

例子1：
由于原型继承的关系，value为基本类型数据，修改父级对象中的value毫无疑问会影响子集对象；但是修改子级对父级不会有影响。

<div data-ng-controller="parentController">
  {
  {value}}
  <button ng-click="parentAction()">按钮</button>
  <div data-ng-controller="childController">
{
  {value}}
<button ng-click="childAction()">按钮</button>
  </div>
</div>
<script>
  angular.module("myTest",[])
  .controller("parentController",function($scope){
$scope.value="hello1";
$scope.parentAction=function(){
  $scope.value="helloparent";
};
  })
  .controller("childController",function($scope){
//$scope.value="hello2";
$scope.childAction=function(){
  $scope.value="hellochild";
};
  })  
</script>

以上代码的效果：