KendoUI坑系列之 ng-include 上ng-controller 无法获取控件

Posted 2020-07-19 -, -

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了KendoUI坑系列之 ng-include 上ng-controller 无法获取控件相关的知识，希望对你有一定的参考价值。

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>

Error:
在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>

以上是关于KendoUI坑系列之 ng-include 上ng-controller 无法获取控件的主要内容，如果未能解决你的问题，请参考以下文章

antd遇坑系列之<RangePicker/>

Webpack 踩坑系列之babel 配置