如何使用angularJS激活Kendo UI tabstrip的第二个选项卡

Sam*_*mmi 4 javascript angularjs kendo-tabstrip

我基本上是Angular世界的新手.但努力争取阶段.

我现在遇到的问题是,如何在我的JS文件中访问kendo tabstrip并激活第二个选项卡onClick().

请注意我不想使用选择器,即 #tabStripID

我想看看有没有办法做到这一点?

pl找到了plunker http://plnkr.co/edit/6l8R4ggLxOA589IcbRK9?p=preview

寻求帮助.

谢谢你,Sammi

小智 5

在您的HTML更改中

<div id="tabstrip" kendo-tab-strip>
Run Code Online (Sandbox Code Playgroud)

<div id="tabstrip" kendo-tab-strip="tabstrip">
Run Code Online (Sandbox Code Playgroud)

并按如下所示更改您的控制器

  $scope.activateSecondTab = function() {
    $scope.tabstrip.select(1);
  };
Run Code Online (Sandbox Code Playgroud)

我在http://embed.plnkr.co/OjKwKRjupDWwNPifqzm2/preview上保存了一个工作示例

请享用!

  • 确定它正常工作,但我已将此调用放入事件监听器以使其工作.`$ scope.$ on("kendoRendered",function(e){vm.tabstrip.select(1);});` (2认同)