0
我正在尝试动态设置uib-tabs。 我的意思是我已经写在html中的所有代码,并只采取索引动态看代码。我在这里简化了这个例子。我给index =“1”到第一个选项卡,但它不按要求工作。uib-tabset动态索引不起作用
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.js"></script>
<script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.0.0.js"></script>
<div ng-app="uib-tabs.demo" ng-controller="TabsDemoCtrl">
<!--I have given index 1 to Static tab still it's at index 0.
actually in my code I am calling a function from index which returns the index somethiing like this
<uib-tab index="findMyIndex('static')" heading="Static title">Static content</uib-tab>-->
<uib-tabset active="active">
<uib-tab index="1" heading="Static title">Static content</uib-tab>
<uib-tab index="0" select="alertMe()">
<uib-tab-heading>
<i class="glyphicon glyphicon-bell"></i> Alert!
</uib-tab-heading>
I've got an HTML heading, and a select callback. Pretty cool!
</uib-tab>
</uib-tabset>
</div>
<script>
angular.module('uib-tabs.demo', ['ngAnimate', 'ui.bootstrap'])
.controller('TabsDemoCtrl', function ($scope, $window) {
$scope.tabs = [
{ title:'Dynamic Title 1', content:'Dynamic content 1' },
{ title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true }
];
$scope.alertMe = function() {
setTimeout(function() {
$window.alert('You\'ve selected the alert tab!');
});
};
$scope.model = {
name: 'Tabs'
};
});
</script>
在此先感谢。
我不能使用NG重复使用的标签,因为它们是不同的,我的HTML文件过大
是的,我能做到这一点,但正如我所说的索引号为我的HTML文件太多复杂,我CA不是所有的人转移到JSON所以这不是physible我。 –
你的index.html有什么样的索引,你不能使用ng-repeat。你可以更清楚一点吗? –
我有不同的标签在同一个状态下运行,并且在同一个uib-tabset中有近15到20个文件,我无法重新构造所有文件。这就是为什么我不能使用ng-repeat。 –