angularjs - Angular UI Router：标签需要href来激活链接

Question

遵循来自angular/ui-router @ github 的文档

body
  .unstyled
    a(ui-sref="state1") State 1
    a(ui-sref="state2") State 2

State1 State2 显示为文本而不是链接，因为标签中不包含 href。使用 Angular-UI-Router 是否需要添加 href？还是有解决方法？添加“href”的问题是，整个路由也需要进行管理。

Answer 1

在正确包含

var myApp = angular.module('myApp', ['ui.router']);
myApp.config(function($stateProvider, $urlRouterProvider) {
  // For any unmatched url, redirect to /state1
  $urlRouterProvider.otherwise("/state1");
  //
  // Now set up the states
  $stateProvider
    .state('state1', {
      url: "/state1",
      templateUrl: "partials/state1.html"
    })
    .state('state1.list', {
      url: "/list",
      templateUrl: "partials/1.list.html",
      controller: function($scope) {
        $scope.items = ["A", "List", "Of", "Items"];
      }
    })
    .state('state2', {
      url: "/state2",
      templateUrl: "partials/state2.html"
    })
    .state('state2.list', {
      url: "/list",
        templateUrl: "partials/state2.list.html",
        controller: function($scope) {
          $scope.things = ["A", "Set", "Of", "Things"];
        }
      })
    });

Angular 将包含一个href='#'动态的。

*来自 Github 的代码