在 kendo window 的模板属性中使用 AngularJS 代码

Question

我通过以下方式将 kendo window 与 AngularJS 一起使用。

HTML代码

    <div kendo-window="showProspectDetailWindow" k-title="'Prospect Detail window'"
     k-width="" k-height="" k-visible="false"
     k-content="{template:confirmationWindowTemplate}"
     k-on-open="" k-on-close=""></div>

JavaScript代码

$scope.confirmationWindowTemplate = 'Are you sure you want to delete?<br />This data  will not be recoverable, do you want to continue ?<br /><div class="pull-right"><button class="k-primary" ng-click = "yesButton()">Yes</button><button class="k-button" ng-click="noButton()"> No</button></div>';

我已经通过以下方式在脚本中创建了一个模型

 $scope.createProspectDetailModel = function(data)
 {               
            $scope.prospectDetail.AccountId = data.AccountId;
            $scope.prospectDetail.BusinessType = data.BusinessType;
            $scope.prospectDetail.FirstName= data.FirstName;
 }

以上代码有效。在调试器的帮助下，我可以验证数据字段中的值是否进入每个 $scope.prospectDetail 值。但是，当我将模板更改为

$scope.confirmationWindowTemplate = 'Are you sure you want to delete {{prospectdetail.FirstName}}'

没用。我也试过

$scope.confirmationWindowTemplate = 'Are you sure you want to delete {{#= prospectdetail.FirstName #}}'

但效果不佳。我在 SO 上提到了 this link 但没有帮助。我已经搜索了很多但仍然找不到解决方案。任何帮助将不胜感激。

Answer 1

好的。我自己找到了答案。我更改了 HTML 代码 。删除了 k-content

<div kendo-window="confirmationWindow" k-title="'Confirmation window'"
  k-width="" k-height="" k-visible="false"
  k-on-open="" k-on-close=""></div>

并在脚本中赋值

$scope.confirmationWindow.content('Are you sure you want to delete'+ $scope.prospectDetail.FirstName '?<br />

在 kendo window 的模板属性中使用 AngularJS 代码

Using AngularJS code in template property of kendo window

javascript

kendo-ui

angularjs

在 kendo window 的模板 属性 中使用 AngularJS 代码

Using AngularJS code in template property of kendo window

javascript

kendo-ui

angularjs

在 kendo window 的模板属性中使用 AngularJS 代码