Javascript ng控制器不';剑道tabstrip选项卡内容不起作用

Javascript ng控制器不';剑道tabstrip选项卡内容不起作用,javascript,angularjs,kendo-ui,telerik,kendo-tabstrip,Javascript,Angularjs,Kendo Ui,Telerik,Kendo Tabstrip,ng控制器不适用于剑道tabstrip选项卡内容。请检查我下面的代码 angular.module('tabstripApp',[]); var app=angular.module('tabstrippapp'); app.controller('tabCtrl',['$scope',函数($scope){ $('#tabstrip')。kendoTabStrip({ 内容URL:[ “views/gridview1.html”, “views/gridview2.html”, “view

ng控制器不适用于剑道tabstrip选项卡内容。请检查我下面的代码


angular.module('tabstripApp',[]);
var app=angular.module('tabstrippapp');
app.controller('tabCtrl',['$scope',函数($scope){
$('#tabstrip')。kendoTabStrip({
内容URL:[
“views/gridview1.html”,
“views/gridview2.html”,
“views/gridview3.html”,
]
});
}]);
var app=angular.module('tabstrippapp');
应用程序控制器('grid1Ctrl',['$scope',函数($scope){
$scope.grid1=“grid1”;
}]);

    电网1
  • 网格2
  • 网格3
{{grid1}}

    电网1
  • 网格2
  • 网格3
{{grid1}} {{grid2}}


    电网1
  • 网格2
  • 网格3
{{grid1}} {{grid2}}

因为您尚未定义them@Sajeetharan嗨,更新了,我以前没有上传标签内容的视图和控制器,但是我定义了它们。我想你遗漏了什么,你能创建一个plunker@Sajeetharan嗨,有一些原因我不能上传演示代码。我再次编辑了这个问题,这就足够重现这个问题了。有什么想法吗?坦克斯!因为你还没有定义them@Sajeetharan嗨,更新了,我以前没有上传标签内容的视图和控制器,但是我定义了它们。我想你遗漏了什么,你能创建一个plunker@Sajeetharan嗨,有一些原因我不能上传演示代码。我再次编辑了这个问题,这就足够重现这个问题了。有什么想法吗?坦克斯!谢谢,我知道这有用。但是我不想直接将选项卡内容放在索引文件中,因为每个内容都非常复杂,这会使索引文件非常大。因此,我使用ContentURL从不同的文件加载内容。控制器绑定不适用于单独的内容文件。您可以通过我的邮政编码重新设置问题。@Allen4Tech然后您需要使用路由机制。检查样品谢谢!但是如何防止选定路径显示在url中?您可以在route中配置url参数,如果有帮助,则标记为answer谢谢,我知道这是可行的。但是我不想直接将选项卡内容放在索引文件中,因为每个内容都非常复杂,这会使索引文件非常大。因此,我使用ContentURL从不同的文件加载内容。控制器绑定不适用于单独的内容文件。您可以通过我的邮政编码重新设置问题。@Allen4Tech然后您需要使用路由机制。检查样品谢谢!但如何防止选定路径显示在url中?您可以在route中配置url参数,如果有帮助,则标记为answer
  <div ng-controller="myController">
    <div id="tabstrip" kendo-tab-strip="tabstrip">
      <ul>
        <li class="k-state-active">grid1</li>
        <li>grid2</li>
        <li>grid3</li>
      </ul>
      <div ng-controller="grid1Ctrl">
        {{grid1}}
      </div>
      <div ng-controller="grid2Ctrl">
        {{grid2}}
      </div>
    </div>
  </div>