在剑道窗口的模板属性中使用AngularJS代码

Using AngularJS code in template property of kendo window

本文关键字：AngularJS 代码 属性 窗口      更新时间：2023-09-26

我以以下方式将kendo窗口与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上引用了这个链接，但没有帮助。我找了很多，但仍然找不到解决这个问题的办法。如有任何帮助，我们将不胜感激。

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

<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 />
相关文章：