使用角度js的剑道标签点击事件答案

【问题标题】：kendo tabstrip click event using angular js使用角度js的剑道标签点击事件
【发布时间】：2023-04-11 04:28:01
【问题描述】：

我在我的应用程序中使用 angular js 使用 kendo tabstrip。选项卡条和内容显示正常。

我可以通过 k-options 获取从 angular 调用的选项卡事件或设置事件吗？

需要帮助

【问题讨论】：

标签： angularjs kendo-ui kendo-tabstrip

【解决方案1】：

我使用无范围，但与乔提到的相同......

HTML：如果您使用的是 $scope，只需删除“vm”即可。

<div kendo-tab-strip="vm.tabstrip" k-options="vm.tabOptions" k-content-urls="[null, null]">

CONTROLLER：（如果您使用 $scope，只需将“vm”替换为“$scope”

vm.tabOptions = {
            select: function (e) {
                console.log("Selected: " + e.item.innerText);
            },
            activate: function (e) {
                console.log("Activated: " + e.item.innerText);
            },
            show: function (e) {
                console.log("Shown: " + e.item.innerText);
            },
            contentLoad: function (e) {
                console.log("Content loaded in " + e.item.innerText);
            },
            error: function (e) {
                console.log("Loading failed with " + e.xhr.statusText + " " + e.xhr.status);
            }
        };

【讨论】：

Mastro，我想你应该已经得到了答案。它在 ng 环境中对我很有效。
顺便说一下，对于任何希望在控制器代码中动态更新 URL 的人 - $scope.urls = ['../content/web/tabstrip/ajax/ajaxContent2.html']
<div kendo-tab-strip k-content-urls="urls" k-rebind="urls"> <ul> <li class="k-state-active">Engine</li> </ul> </div>

【解决方案2】：

如果您设置了 tabstrip，您可以通过 k-options 处理事件

<div kendo-tab-strip k-options="configOptions" k-content-urls="[ null, null]">




<script>
  angular.module("KendoDemos", [ "kendo.directives" ]);
  function MyCtrl($scope) {
      $scope.hello = "Hello from Controller!";
      $scope.configOptions = {
         change: function(e) {
             console.log("changed");
         }
      }
  }
</script>

这就是你要找的吗？

【讨论】：