Question

我已经配置了一些基本状态，但似乎模板没有注入<div ui-view></div>。

这是我的代码。

https://plnkr.co/edit/LaMMc8JpCuq09Dav7CFW

编辑：

我的Index.html

<!DOCTYPE html>
<html ng-app="crudMasters">

  <head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <script data-require="jquery@*" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>
  <script data-require="ui-router@*" data-semver="1.0.0-beta.2" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.0-beta.2/angular-ui-router.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
  </head>

<body ng-controller="mainCtrl">

    <div ui-view></div>

</body>

</html>

的script.js

var app = angular.module('crudMasters', ['ui.router']);
app.config(function($stateProvider, $urlRouteProvider){


 $urlRouteProvider.otherwise('/');

  $stateProvider
    .state('root',{
      url: '/',
      templateUrl: "home.htm"
    })
    .state('root.master1', {
      url: '/master1',
      templateUrl: "master1.htm",
      controller: 'master1Ctrl',
      controllerAs: '$ctrl'
    })
    .state('root.master2', {
      url: '/master2',
      templateUrl: "master2.htm",
      controller: 'master2Ctrl',
      controllerAs: '$ctrl'
    })
})
app.controller('mainCtrl', mainCtrl);


function mainCtrl(){
  let ctrl = this;

}

UI路由器状态未加载

0 个答案: