我正在使用Controller,如下所示:
<body ng-controller="MainCtrl as main"> <div ng-controller="ChildCtrl as child"> {{ main.parentValue }} + {{ child.childValue }} </div> </body>
定义我的控制器:
app.controller('MainCtrl',function($scope) { this.parentValue = 'Main'; }); app.controller('ChildCtrl',function($scope) { this.childValue = 'Child'; // I want to access the property of the parent controller here });
ChildCtrl如何设置MainCtrl的name属性?这里Plunkr。
使用$ scope表示法,我可以从子控制器访问$ scope.parentValue。如何使用Controller As符号来实现相同的功能?
由于您使用“控制器”符号,因此在ChildCtrl中,您可以使用$ scope.main访问MainCtrl,例如$ scope.main.name。
原文链接:https://www.f2er.com/angularjs/145119.html请参阅下面的我的代码段。
var app = angular.module('app',[]); app.controller('MainCtrl',function($scope) { this.name = 'Main'; this.test = {}; }); app.controller('ChildCtrl',function($scope) { this.name = 'Child'; alert($scope.main.name); });
<html ng-app="app"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <body ng-controller="MainCtrl as main"> <div ng-controller="ChildCtrl as child"> {{ main.name }} + {{ child.name }} </div> </body> </html>