angularjs剑道ui选项卡Strip dynamic选项卡
在我的主页中,我有一个tabstrip,它的选项卡项是动态加载的。但是angularjs并没有为tabitem加载相关的控制器 我的代码是这样的:angularjs剑道ui选项卡Strip dynamic选项卡,angularjs,kendo-tabstrip,Angularjs,Kendo Tabstrip,在我的主页中,我有一个tabstrip,它的选项卡项是动态加载的。但是angularjs并没有为tabitem加载相关的控制器 我的代码是这样的: var tabStripElement = $("#tabstrip").kendoTabStrip({ animation: { open: { effects: "fade" } }, dataTextField: 'text', dataContentField: 'content', dataImageUrlF
var tabStripElement = $("#tabstrip").kendoTabStrip({
animation: {
open: {
effects: "fade"
}
},
dataTextField: 'text',
dataContentField: 'content',
dataImageUrlField: 'dataImageUrl',
dataUrlField: 'url',
dataContentUrlField: 'contentUrl',
});
tabStripElement.parent().attr("id", "tabstrip-parent");
var tabStrip = tabStripElement.data("kendoTabStrip");
angular.module('myApp', []).controller('MainController', ['$scope', function($scope){
$scope.openTab()
{
tabStrip.append({
text: 'Title',
contentUrl: '/tabItem.html',
encoded: false
});
}
}])
.controller('TabController', ['$scope', function($scope){
}])
<div ng-controller="TabController">
<input type="text" />
</div>
主页:
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<link href="~/Content/kendo/2016.1/kendo.common.min.css" rel="stylesheet" />
<link href="~/Content/kendo/2016.1/kendo.default.min.css" rel="stylesheet" />
</head>
<body ng-controller="MainController">
<div id="tabstrip" class="text-right">
</div>
<script src="~/Scripts/lib/jquery/jquery-1.12.0.js"></script>
<script src="~/Scripts/lib/angular/angular.js"></script>
<script src="~/Scripts/lib/angular/angular-resource.js"></script>
<script src="~/Scripts/lib/kendo/2016.1/kendo.all.min.js"></script>
<script src="~/Scripts/js/app.js"></script>
<script src="~/Scripts/js/controllers.js"></script>
</body>
</html>
选项卡的视图如下所示:
var tabStripElement = $("#tabstrip").kendoTabStrip({
animation: {
open: {
effects: "fade"
}
},
dataTextField: 'text',
dataContentField: 'content',
dataImageUrlField: 'dataImageUrl',
dataUrlField: 'url',
dataContentUrlField: 'contentUrl',
});
tabStripElement.parent().attr("id", "tabstrip-parent");
var tabStrip = tabStripElement.data("kendoTabStrip");
angular.module('myApp', []).controller('MainController', ['$scope', function($scope){
$scope.openTab()
{
tabStrip.append({
text: 'Title',
contentUrl: '/tabItem.html',
encoded: false
});
}
}])
.controller('TabController', ['$scope', function($scope){
}])
<div ng-controller="TabController">
<input type="text" />
</div>
什么是控制器。添加(…)??很抱歉,这是控制器('MainController',…您的代码非常不清楚!请添加有关该控制器的更多信息。什么是控制器。添加(..)…很抱歉,这是控制器('MainController',…您的代码非常不清楚!请添加有关该控制器的更多信息。