Angularjs 以编程方式单击以更改UI引导中的当前选项卡
我想以编程方式激活选项卡,但找不到方法 这里有一个例子。 HTML: ps:“选项卡及其内容不应在js文件中定义” 在哪里Angularjs 以编程方式单击以更改UI引导中的当前选项卡,angularjs,twitter-bootstrap,angular-ui,angular-ui-bootstrap,Angularjs,Twitter Bootstrap,Angular Ui,Angular Ui Bootstrap,我想以编程方式激活选项卡,但找不到方法 这里有一个例子。 HTML: ps:“选项卡及其内容不应在js文件中定义” 在哪里 "; "; 我刚才也在为类似的事情苦苦挣扎。事实上,我几乎错误地得出结论,静态选项卡不能通过编程方式更改。但他们可以 <tabset> <tab heading="Tab 1" ng-attr-active="tabs[0].active"> Tab 1 content </
";
";
我刚才也在为类似的事情苦苦挣扎。事实上,我几乎错误地得出结论,静态选项卡不能通过编程方式更改。但他们可以
<tabset>
<tab heading="Tab 1" ng-attr-active="tabs[0].active">
Tab 1 content
</tab>
<tab heading="Tab 2" ng-attr-active="tabs[1].active">
Tab 2 content
</tab>
<tab heading="Tab 3" ng-attr-active="tabs[2].active">
Tab 3 content
</tab>
</tabset>
<button ng-click="make_tab3_active()">Make Tab 3 Active </button>
所以我要指出,单变量是不行的。它们应该在一个数组中-如上所述。虽然这些文档在类似的行中给出了一个示例,但并不清楚,因为这两个静态选项卡上没有活动的,这可能会让您感到困惑
在找到这个线程的答案之前,我花了很长时间:您的代码有错误,请更改此属性并删除{{}ng attr active=“nd”您是对的,已更改;我的简单示例现在可以工作了,但我仍然可以通过编程实现更改选项卡的功能。您的回答帮助了我。我也在我的应用程序中寻找这样的场景,你是绝对正确的。如果您希望通过代码更改选项卡,这将允许您这样做。
$scope.nd = true;
$scope.st = true;
$scope.nd = false;
$scope.goToSecond= function () {
$scope.st = false;
$scope.nd = true;
};
$scope.goToFirst= function () {
$scope.nd = false;
$scope.st = true;
};
<tabset>
<tab heading="Static title" ng-attr-active="st">"; </tab>
<tab heading="Static 2" ng-attr-active="nd">"; </tab>
</tabset>
<tabset>
<tab heading="Tab 1" ng-attr-active="tabs[0].active">
Tab 1 content
</tab>
<tab heading="Tab 2" ng-attr-active="tabs[1].active">
Tab 2 content
</tab>
<tab heading="Tab 3" ng-attr-active="tabs[2].active">
Tab 3 content
</tab>
</tabset>
<button ng-click="make_tab3_active()">Make Tab 3 Active </button>
$scope.tabs = [{active: true}, {active: false}, {active: false}];
$scope.make_tab3_active = function() {
$scope.tabs[2].active = true;
}