Question

我在使用angular js的应用程序中使用了kendo tabstrip。标签和内容看起来很好。

我可以通过k-options获取从角度或设置事件调用的标签事件吗？

需要帮助

Answer 1

我使用无范围，但与Joe提到的一样......

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);
            }
        };

Answer 2

如果您设置了标签页，则可以通过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>

这就是你要找的东西吗？

kendo tabstrip使用角度js点击事件

2 个答案: