javascript - 当存在 ng-switch-when 时，Angularjs v1 Kendo UI DOM 元素通过 $scope 进行访问

Question

以 Angularjs 中的 Kendo UI 组件为例:

<input kendo-date-picker="myDatePicker"
       ng-model="dateString"
       k-ng-model="dateObject"
       style="width: 100%;" />

我可以使用变量 $scope.myDatePicker 访问 javascript 中的日期选择器

现在的问题是，这个日期选择器带有一个带有标签 ng-switch-when 的包装器。

<div ng-switch="userSelection.code">
   <div ng-switch-when="JUST_DEMO">
      <input kendo-date-picker="myDatePicker"
         ng-model="dateString"
         k-ng-model="dateObject"
         style="width: 100%;" />
   </div>
</div>

这样，在 javascript 中，变量 $scope.myDatePicker 会变为“undefined”，即使在标记 JUST_DEMO 开启之后也是如此随后。

所以我的问题是，如何解决这个问题？我需要在 javascript 中访问 $scope.myDatePicker 来手动打开代码中的日期选择器。

附注:

我想我找到了一种可行的方法:在 databound 事件中使用 $compile。

Answer 1

我没有看到 ng-switch 的任何代码，不确定它是否在您的标签中:

<div ng-switch="myVar">

ng-switch 根据上面代码片段中的 myVar 变量进行评估。

我建议您按如下方式使用 ng-switch :

声明一个带有某种标志的作用域变量，以作为 ng-switch 的基础

$scope.datePickerParent = {};// some object
datePickerParent .JUST_DEMO = true/false;
datePickerParent.myDatePicker = ''; //assign some value
<td ng-switch on="datePickerParent.showNgSwitch"> 

    <div ng-switch-when="datePickerParent.JUST_DEMO">
   <input kendo-date-picker="datePickerParent.myDatePicker"
       ng-model="dateString"
       k-ng-model="dateObject"
       style="width: 100%;" />
   </div>
   </td>

也看看这个SO post

还尝试使用 $parent 访问作用域变量，ng-switch 创建它自己的作用域