Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当我有静态选项卡angularjs UI时,如何使第一个选项卡处于活动状态_Javascript_Angularjs_Tabs_Angular Ui - Fatal编程技术网

Javascript 当我有静态选项卡angularjs UI时,如何使第一个选项卡处于活动状态

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

只是想问一下,我是否有静态选项卡和动态创建的选项卡。我想使创建的动态选项卡的第一个选项卡在默认情况下处于“活动”状态。我尝试使用active,但它选择了最后一个选项卡 代码



这不清楚控制器中的数据是如何设置的,因此很难指出错误,因为代码中列出的部分看起来不错

我模拟了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>