Question

我在视图中有这些导航按钮：

<div id="status-buttons" class="text-center">
    <a ui-sref-active="active" ui-sref=".step1"><span>STEP1</span></a>
    <a ui-sref-active="active" ui-sref=".step2"><span>STEP2</span></a>
    <a ui-sref-active="active" ui-sref=".step3"><span>STEP3</span></a>
</div>

加载DOM时，我想要这一行：

<a ui-sref-active="active" ui-sref=".step1"><span>STEP1</span></a>

以编程方式触发（即模仿按下按钮）。

在angularjs中制作它的优雅方法是什么？

Answer 1

我认为不是按下按钮，而是可以在控制器中使用$state.go('.step1')，因此它将在控制器首次加载时调用

在控制器中使用$state.go('.step1')。

或像这样使用，

<div id="status-buttons" class="text-center" ng-init="initScope()">
    <a ui-sref-active="active" ui-sref=".step1"><span>STEP1</span></a>
    <a ui-sref-active="active" ui-sref=".step2"><span>STEP2</span></a>
    <a ui-sref-active="active" ui-sref=".step3"><span>STEP3</span></a>
</div>

在控制器中，

$scope.initScope = function() {
    $state.go('.step1');
}

如何在Angularjs中以编程方式触发ui-sref元素？

1 个答案: