how to activate second tab of Kendo UI tabstrip using angularJS

Question

I'm basically new to Angular world. But trying hard to get the phase.

What problem I now have is, how to access kendo tabstrip in my JS file and activate second tab onClick() .

Please note I do not want to use selectors ie, #tabStripID

I'm trying to see if there is any way to do it?

Looking for the help.

Thanks, Sammi

Answer 1

In your HTML change

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

with

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

And change your controller as below

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

Enjoy!