Question

的index.html

    <!doctype html>
<html ng-app="testApp">
<head>
    <meta name="viewport" content="width=device-width">
    <link rel="Shortcut Icon" type="image/ico" href="img/favicon.png">
    <link rel="stylesheet" href="styles/vendor.css">
    <link rel="stylesheet" href="styles/app.css">
</head>
<body id="wrap">
<div ui-view></div>
<script src="js/vendor.js"></script>
<script src="js/app.js"></script>
</body>
</html>

app.js

"use strict";
var TestApp = angular.module("testApp",["ui.router"])
    .config(["$urlRouterProvider","$stateProvider",function(a,b) {
    a.otherwise("test", {
        url: "/test",
        title: "Test",
        template:"<p>Test</p>"
    })
}]);

这是我的目录结构 testApp JS - ＆gt; app.js 的index.html

请纠正我的代码

Answer 1

UI-Router是关于状态的。所以我们必须调用$stateProvider.state()来定义状态。 $urlRouterProvider方法.otherwise()应该服务于默认导航 - 如果url与注册状态不匹配：

.config(["$urlRouterProvider","$stateProvider"
,function($urlRouterProvider,$stateProvider) {

  // instead of this
  a.otherwise("test", {
  // we need to call .state
  $stateProvider.state("test", {
    url: "/test",
    title: "Test",
    template:"<p>Test</p>"
  })

  // and also some defaults
  // but not state name 'test', it should be url '/test'
  $urlRouterProvider.otherwise("/test")

Angular UI嵌套状态模板未加载

1 个答案: