Javascript 如何在angular js中访问子控制器中的父控制器数据

Javascript 如何在angular js中访问子控制器中的父控制器数据,javascript,angularjs,Javascript,Angularjs,我们可以在子控制器中访问父控制器的模型数据吗 <div ng-controller="abc"> <div ng-controller="def"> <span> {{name}}</span> </div> </div> 我们可以访问模型值它是否属于abc控制器吗?下面的代码将帮助您。您可以使用$parent访问父控制器 <script> function abc($s

我们可以在子控制器中访问父控制器的模型数据吗

<div ng-controller="abc">
    <div ng-controller="def">
        <span> {{name}}</span>
    </div>
</div>

我们可以访问模型值它是否属于abc控制器吗?

下面的代码将帮助您。您可以使用$parent访问父控制器

<script>
    function abc($scope) {
        $scope.name = "Pragnesh"
    }
    function def($scope) {
        $scope.name = "Test"
    }
</script>
<html ng-app="">
<body>
    <div ng-controller="abc">
       <div ng-controller="def">
          <span> {{name}}</span>
          <span> {{$parent.name}}</span>
       </div>
    </div>
</body>

尝试使用$parent,即$scope.$parent,这将引用控制器的父范围


这里也有解释:

只需像{model}一样访问它,它将在子作用域中可用。如果子控制器中没有{name},它肯定会从父控制器中获取{{name}},如果您对答案满意,请接受答案。