2

angular および剣道タブ データソースを使用して、HTML で kendotabstrip を作成します。k-data イベントからロード時にデフォルトのタブを選択する方法はありますか? jquery を使用してそれを行うことができますが、k-data-bind を使用してデフォルトのタブを選択する方法を探していますか?

<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
        <div kendo-tab-strip k-content-urls="[ null, null]" k-data-source="tabData" k-data-text-field="'text'" k-data-value-field="'id'" k-options="configOptions">
          <!-- tab list -->
        </div>
    </div>
</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives" ])
      .controller("MyCtrl", function($scope){

    $scope.hello = "Hello from Controller!";
    $scope.tabData = [{id:'1', text:'tab 1'}, {id:'2', text:'tab 2'}];
    $scope.configOptions={select:function(e){console.log(e);}}
  })
</script>

参考までにフィドル。 http://jsfiddle.net/6dgxvqvb/

4

0 に答える 0