Angularjs 以角度操纵活动选项卡

setAlas，另一个有角度的问题——它并不像我希望的那样直观

在

模板中

我有几个选项卡：

<div ng-init="setActiveTab(1)" class="tab-nav two-tabs clear">
    <div ng-class="{active:tab===1}" ng-click="tab = 1">
        Tab 1
    </div>

    <div ng-class="{active:tab===2}" ng-click="tab = 2">
        Tab 2
    </div>
</div>

很直接，对吧？不完全是这样，它完全忽略了函数。当我手动在

tab=1

中输入

ng init

时，它神奇地工作了-真的发生了什么

---

谢谢

将选项卡设为$scope变量

试一试

$scope.setActiveTab=函数（val）{
$scope.tab=val；
}
表1
表2

将选项卡设为$scope变量

试一试

$scope.setActiveTab=函数（val）{
$scope.tab=val；
}
表1
表2

谢谢-我讨厌它工作，愚蠢的角度-或者更确切地说，愚蠢的我。是的，基本上dom不知道选项卡是什么，因为它没有在控制器中声明为范围变量。很高兴它成功了！谢谢-我讨厌它工作，愚蠢的角度-或者更确切地说，愚蠢的我。是的，基本上dom不知道选项卡是什么，因为它在您的控制器中没有声明为范围变量。很高兴它成功了！

<div class="content" ng-show="tab === 1">
    Foo
</div>

<div class="content" ng-show="tab === 2">
    Bar
</div>

$scope.setActiveTab = function(tab)
{
    return 'tab = '+tab;
};

$scope.setActiveTab = function(val) {
    $scope.tab = val;
}


<div ng-init="setActiveTab(1)" class="tab-nav two-tabs clear">
    <div ng-class="{active:tab===1}" ng-click="setActiveTab(1)">
        Tab 1
    </div>

    <div ng-class="{active:tab===2}" ng-click="setActiveTab(2)">
        Tab 2
    </div>
</div>