Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 在angular中动态设置剑道窗口标题和内容,然后在窗体上单击按钮时打开窗口_Angularjs_Kendo Ui - Fatal编程技术网

Angularjs 在angular中动态设置剑道窗口标题和内容,然后在窗体上单击按钮时打开窗口

Angularjs 在angular中动态设置剑道窗口标题和内容,然后在窗体上单击按钮时打开窗口,angularjs,kendo-ui,Angularjs,Kendo Ui,下面是基本场景:在我的一些表单字段旁边,有一个带有问号图像的小按钮。如果用户单击按钮,我希望使用剑道窗口显示该特定字段的帮助消息。我想将模式窗口的标题设置为相关表单字段名,并使用该字段的帮助消息设置窗口内容 下面的代码来自我想要构建的示例: 如果在按钮的ng click事件中注意到,将调用剑道窗口的open()方法。但是标题是用k-title静态设置的。我将其改为指向范围变量 我需要在控制器中调用一个函数,该函数将根据用户询问的表单字段更改$scope.helpTitle和$scope.help

下面是基本场景:在我的一些表单字段旁边,有一个带有问号图像的小按钮。如果用户单击按钮,我希望使用剑道窗口显示该特定字段的帮助消息。我想将模式窗口的标题设置为相关表单字段名,并使用该字段的帮助消息设置窗口内容

下面的代码来自我想要构建的示例:

如果在按钮的
ng click
事件中注意到,将调用剑道窗口的
open()
方法。但是标题是用
k-title
静态设置的。我将其改为指向范围变量

我需要在控制器中调用一个函数,该函数将根据用户询问的表单字段更改
$scope.helpTitle
$scope.helpContent
,然后打开剑道窗口

根据用户请求帮助的字段动态设置剑道模式窗口的标题和内容,然后打开窗口的“角度方式”是什么?

我已经在本地对象中拥有帮助内容;不需要通过Ajax获取它

<div ng-controller="MyCtrl">
  <div style="position: relative; width: 400px; height: 100px">

    <button id="ExpirationDateHelp" class="k-button" ng-show="!win2visible" ng-click="win2.open()">help</button>


    <div kendo-window="win2" k-title="helpTitle"
         k-width="600" k-height="200" k-visible="false"
         k-content="{template:   helpContent }"
         k-on-open="win2visible = true" k-on-close="win2visible = false"></div>
  </div>
</div>

帮助

您可以执行以下操作:

请注意,在您使用k-window=“win2”时,创建了一个引用此窗口的范围变量

$scope.DlgOptions = {
            modal: true,
            title: "My Dyanamic Title",
            width: 1080,
            visible: false,
            draggable: false,
            pinned: true,
            resizable: false
        };

        $scope.win2.setOptions($scope.splashDlgOptions);
        $scope.win2.center();
        $scope.win2.open();

你能用V标记这个答案吗?这样每个人都会知道这是解决方案。我使用剑道的官方版本,并在控制器console.log($scope.win)中添加一行代码;我未定义$scope.win,如何使用setOptions来定义未定义的窗口对象?我可能没有说清楚,请打开url,打开chrome控制台,然后运行它并查看结果。