在角度js ui路由器中使用ui-sref时，不会生成href

Question

我使用angular js ui路由器来路由我的页面，但由于某些原因href属性没有自动生成，因此我无法路由到我的页面，

请查看我在下面写的代码

mainpage.html
    <a ui-sref="main-page" class="col-md-4 col-sm-6 col-xs-12 cards">

subpage.html
<div class="row">
      <ul class="nav nav-pills col-md-12">
      <li class="nav-item">
          <a role="tab" class="nav-link active" data-toggle="pill" ui-sref="main-page.new">
          </a>
      </li>

Js代码：

.state('main-page',{
        url: '/main-page',
        templateUrl: 'mainpage.html',
        controller: 'mainpageController'
     })

.state('main-page.new',{
        url: '/main-page-new',
        templateUrl: 'main-page-new.html',
        controller: 'mainPageNewController'
    })

Answer 1

此处提供的plunker演示中有许多错误 https://plnkr.co/edit/CUTy44XPMopLyzBoZORl?p=preview

的index.html

第2行：缺少ng-app="app"

第6行：在angular.js

之后缺少引用

第7行：<scrip而不是<script

的script.js

第7行：缺少依赖注入。当然有些Gulp / Grunt插件可以帮到你，但知道它是如何工作的很好;）：

app.config(function($stateProvider, $urlRouterProvider){

您必须使用以下语法：

app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {

演示

以下是您的plunker的固定版本：
https://plnkr.co/edit/0Hrm5zz4yb17cJEH0XQY?p=preview