Angular UI路由器：<a ui-sref="state1"> tag needs href to activate link</a>

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='#'。

* code from Github