Question

我使用ui routing工作AngularJs v 1应用程序。

我的问题是如何在不点击ui-sref链接的情况下将主页设置为活动状态。

我尝试使用ng-class =“active”但它没有完成任务。

*(p+i) = *(y+4+i%3);

主页

<script>
angular.module("myApp",['ui.router'])
.config(function ($stateProvider,$urlRouterProvider,$locationProvider) {
   $stateProvider
      .state("home",{
         url:"home",
         views:{
         'main':{templateUrl:"home.html"}
      }
});
$locationProvider.hashPrefix('');
$urlRouterProvider.otherwise("/home");
</script>
<div class="container" style="margin-top: 60px">
<div ui-view="main"> </div>
</div>

Answer 1

您要找的是ui-sref-active

来自文档

与ui-sref一起使用的指令，用于在相关的ui-sref指令状态处于活动状态时向元素添加类，并在其处于非活动状态时将其删除。主要用例是通过使用＆＃34; active＆＃34;来简化依赖于ui-sref的导航菜单的特殊外观。州的菜单按钮显示不同，区别于非活动菜单项。

如果您目前处于正确的状态，它会为您添加active。

标记应该看起来像

<div class="some-navigation-class">
    <a ui-sref="home" ui-sref-active="active">Home</a>
    <!-- more nav goes here -->
</div>

AngularJs ui将主页设置为活动状态

1 个答案: