Question

我正在使用带基础的Angular js

http://pineconellc.github.io/angular-foundation/

现在我在页面上有两个标签，可以正常工作

<tabset>
            <tab heading="tab1"> </tab>
            <tab heading="tab2"> </tab>
</tabset>

我的问题是我有一个名为$scope.isdata

的变量

我希望如果该变量为true，则tab1应处于有效状态，如果为false，则tab2应处于有效状态。

但我也希望如果有人手动点击任一标签，那么corrosonding标签应该是可见的

编辑：我收到此错误

TypeError: undefined is not a function
    at Object.<anonymous> (/bower_components/angular-foundation/mm-foundation-tpls.min.js:8:23667)
    at Object.applyFunction [as fn] (<anonymous>:778:50)
    at Scope.$digest (/bower_components/angular/angular.js:12031:29)
    at Scope.$delegate.__proto__.$digest (<anonymous>:844:31)
    at Scope.$apply (/bower_components/angular/angular.js:12279:24)
    at Scope.$delegate.__proto__.$apply (<anonymous>:855:30)
    at done (/bower_components/angular/angular.js:7991:45)
    at completeRequest (/bower_components/angular/angular.js:8196:7)
    at XMLHttpRequest.xhr.onreadystatechange (bower_components/angular/angular.js:8137:11)

Answer 1

尝试

<tab heading="tab1" active='isdata'> </tab>
<tab heading="tab2" active='!isdata'> </tab>

如何使用基础选项卡激活angularjs中的选项卡

1 个答案: