Question

（angularJS 1.2.5＆amp; ui-router 0.2.7）请帮助它早上4点，自从我坚持使用它已经过了2-3个小时，多次翻转代码但是却没有让它运行。在我的index.html中，我有以下代码：

<div class="well sidebar-nav sidebar-slide">
   <ul class="nav nav-list" style="font-size:17px">
      <li class="nav-header">Demand Type</li>
        <li><a ui-sref="add14" data-toggle="tab">ADD-14</a></li>
        <li><a ui-sref="cash_purchase" data-toggle="tab">Cash Purchase</a></li>
        <li><a ui-sref="local_purchase" data-toggle="tab">Local Purchase</a></li>
   </ul>
</div>

        <div class="hero-unit" ui-view></div>

在我的app.js中，我有以下代码：

var ODS = angular.module('ODS', ['ui.router','ngAnimate']);
    //Define Routing for app
    ODS.config(['$stateProvider', '$urlRouterProvider',
      function($stateProvider, $urlRouterProvider) {
          // For any unmatched url, redirect to /state1

        $urlRouterProvider
            .when('/add14', '/add14/create_order')
            .when('/cp', '/cp/create_order')
            .when('/lp', '/lp/create_order')
            .otherwise("/intro");
        $stateProvider
            .state('intro', {
                url: "/intro",
                templateUrl: "templates/core/intro.html"
            })
            .state("add14", {
                url: '/add14',
                templateUrl: 'templates/core/add14.html'
            })
                .state("add14.create_order", {
                    url: "/create_order",
                    templateUrl: "templates/ADD14/add14.create_order.html"
                })
                .state("add14.own_demand", {
                    url: "/own_demand",
                    templateUrl: "templates/ADD14/add14.own_demand.html"
                })
    }]);

在我的add14.html中，我有以下代码：

<a ui-sref=".create_order">Create</a></button>
<a ui-sref=".own_demand">Own Demand</a>
<div ui-view></div>

在我的add14.create_order.html＆amp; add14.own_demand.jsp我有要打印的示例代码。谢谢你的耐心等待！

Answer 1

你有没有想到这个问题？我遇到了类似的问题 - 我发现使用<a href='#/url'>似乎有效，但我无法通过ui-sref访问我的状态。我还注意到，渲染的html不会自动生成对应于状态的href，正如文档所说的那样。相当混淆为什么它不能自己工作。

Answer 2

抬头：尝试确保将“ng-app”指令添加到您的body标签（在您的主模板中），否则，似乎angular-ui-router的内容，例如ui-sref指令，将不被称为。

示例：

<html ng-app="myApp">...</html><!-- Nope. Don't do this -->


<html>...<body ng-app="myApp"></body></html><!-- Do this instead -->

Answer 3

您正在使用$ stateProvider和$ urlRouterProvider。尝试使用$ stateProvider而不是两者，因为这可能是你的错误所在。并且您没有每个州的控制器。希望这会对你有所帮助。

UI路由器不使用Angular而不管是什么

3 个答案: