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>