返回到文章

采纳

编辑于

ng-controller中的ng-include上无法获取值

AngularJS
笔记

A.Html 内容如下

<div>
    <div kendo-grid="testGrid" k-options="testOptions"> </div>
</div>

B.Html 内容如下

<ng-include id="dashboard-section1" ng-init="init(0)" data-ng-controller="textCtrl" src="'/A.html'"></ng-include>

问题:

testCtrl中是无法使用$scope.textCtrl获取testGrid,是因为ng-inclue会生成一个独立的子scope,和controller上的scope独立开来,类似于js的原型链。所以要在 testCtrl上的$scope访问A.Html的控件 ,则需要像下面这样写

<div>
    <div  kendo-grid="$parent.testGrid" k-options="testOptions"> </div>
</div>