Javascript 当我有静态选项卡angularjs UI时,如何使第一个选项卡处于活动状态
只是想问一下,我是否有静态选项卡和动态创建的选项卡。我想使创建的动态选项卡的第一个选项卡在默认情况下处于“活动”状态。我尝试使用active,但它选择了最后一个选项卡 代码Javascript 当我有静态选项卡angularjs UI时,如何使第一个选项卡处于活动状态,javascript,angularjs,tabs,angular-ui,Javascript,Angularjs,Tabs,Angular Ui,只是想问一下,我是否有静态选项卡和动态创建的选项卡。我想使创建的动态选项卡的第一个选项卡在默认情况下处于“活动”状态。我尝试使用active,但它选择了最后一个选项卡 代码 这不清楚控制器中的数据是如何设置的,因此很难指出错误,因为代码中列出的部分看起来不错 我模拟了Plunker中的情况,我的工作代码如下所示: // in the controller $scope.tabs = [ { title:'Dynamic Title 1', content:'Dynamic content
这不清楚控制器中的数据是如何设置的,因此很难指出错误,因为代码中列出的部分看起来不错
我模拟了Plunker中的情况,我的工作代码如下所示:
// in the controller
$scope.tabs = [
{ title:'Dynamic Title 1', content:'Dynamic content 1', active: true },
{ title:'Dynamic Title 2', content:'Dynamic content 2'}
];
// on the view
<tabset>
<tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active">
{{tab.content}}
</tab>
<tab heading="Static title">Static content</tab>
</tabset>
//在控制器中
$scope.tabs=[
{title:'Dynamic title 1',content:'Dynamic content 1',active:true},
{标题:'Dynamic title 2',内容:'Dynamic content 2'}
];
//论景观
{{tab.content}
静态内容
Put active=“true”而不是第一个tab active=“tab.activate”@squiroid不工作?
// in the controller
$scope.tabs = [
{ title:'Dynamic Title 1', content:'Dynamic content 1', active: true },
{ title:'Dynamic Title 2', content:'Dynamic content 2'}
];
// on the view
<tabset>
<tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active">
{{tab.content}}
</tab>
<tab heading="Static title">Static content</tab>
</tabset>