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

【问题标题】：how to activate second tab of Kendo UI tabstrip using angularJS如何使用 angularJS 激活 Kendo UI 选项卡的第二个选项卡
【发布时间】：2014-07-01 14:40:38
【问题描述】：

我基本上是 Angular 世界的新手。但努力获得灵态。

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

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

我想看看有什么办法吗？

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

寻求帮助。

谢谢，三美

【问题讨论】：

标签： javascript angularjs kendo-tabstrip

【解决方案1】：

在您的 HTML 更改中

<div id="tabstrip" kendo-tab-strip>

与

<div id="tabstrip" kendo-tab-strip="tabstrip">

并如下更改您的控制器

  $scope.activateSecondTab = function() {
    $scope.tabstrip.select(1);
  };

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

享受吧！

【讨论】：

完美..！非常感谢 :)
好的，但我让它把这个调用放到一个事件监听器中让它工作。 $scope.$on("kendoRendered", function (e) { vm.tabstrip.select(1); });