Angularjs 如何使用“引用”引用DOM元素ID；a href"；内部视图-角度JS

我试图在谷歌上找到一些解决方案，但没有得到确切的答案

我正在尝试使用以下代码更改视图中的选项卡：

            <ul class="nav nav-tabs">
                <li class="{active: selectedTab === 'details'}"><a href ng-click="selectTab('details')">Details</a></li>
                <li class="{active: selectedTab === 'size'}"><a href ng-click="selectTab('size')">Size</a></li>
                <li class="{active: selectedTab === 'shipping'}"><a href ng-click="selectTab('shipping')">Shipping</a></li>
            </ul>

---

虽然我已经用“target=“\u self”实现了它，但我想用角度的方式来实现它。

在angular中使用锚链接需要

target=“\u self”

。 $location

忘记jQuery、DOM处理此类问题的方法。使用角度方法

在AngularJS中，唯一的真理点是模型。视图（即HTML）只是该模型的一种表示，当模型发生变化时，它会自动变化

因此，您需要一个选定的选项卡。将其添加到模型中：

$scope.selectedTab = 'details';

您希望能够更改所选的选项卡

$scope.selectTab = function(tabName) {
    $scope.selectedTab = tabName;
}

您希望视图反映模型值：

<ul class="nav nav-tabs">
    <li class="{active: selectedTab === 'details'}"><a href ng-click="selectTab('details'}">Details</a></li>
    <li class="{active: selectedTab === 'size'}"><a href ng-click="selectTab('size'}">Size</a></li>
</ul>

我已经修改了我的代码，警报工作正常，但是选项卡没有改变。我缺少什么？你说的“选项卡没有改变”是什么意思？你是指选项卡的内容，还是选项卡的活动CSS类？对于选项卡的内容，你还需要类似于第一个选项卡的内容的东西即使使target=“\u self“，它仍在重定向

$scope.selectTab = function(tabName) {
    $scope.selectedTab = tabName;
}

<ul class="nav nav-tabs">
    <li class="{active: selectedTab === 'details'}"><a href ng-click="selectTab('details'}">Details</a></li>
    <li class="{active: selectedTab === 'size'}"><a href ng-click="selectTab('size'}">Size</a></li>
</ul>