kendo tabstrip click event using angular js

Question

Я использую kendo tabstrip в своем приложении, используя угловые js. Строка и содержимое отображаются в порядке.

Могу ли я получить события табуляции, вызванные из угловых или заданных событий через k-options?

Помощь нужна

Answer 1

Если у вас есть Панель вкладок настройки вы можете обрабатывать события через 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> 

Это то, что вы ищете?

Answer 2

Я использую scopeless, но по той же схеме, как Джо упомянутых ...

HTML: если вы используете $ рамки просто удалить «VM.»

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

CONTROLLER: (если вы используете $ масштаб, просто заменить «ВМ» с «$ рамки»

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