AngularJS UI路由：模板未加载。空白页_Angularjs

AngularJS UI路由：模板未加载。空白页

angularjs

AngularJS UI路由：模板未加载。空白页,angularjs,Angularjs,我不知道为什么在访问“/todo list”状态URL时没有加载模板 // main.js - routes angular.module('myapp', ['ui.router']) .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { $stateProvider .state('todolist', {

我不知道为什么在访问“/todo list”状态URL时没有加载模板

// main.js - routes

angular.module('myapp', ['ui.router'])
.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('todolist', {
            url: '/todo-list',
            view: {
                '@': {
                    template: 'test!',
                }
            }
        })
        .state('otherwise', {
            url: '*path',
            template: 'Oops! Blank page!' // <- the otherwise is working
        });
}]);

“否则”可以正常工作，但当我导航到“/todo list”时，它会给我一个空白页。这条路线可行。。但不是模板。它与ui视图元素有关吗？

我只是将视图更改为视图，它可以按预期工作

var-app=angular.module'myapp'，['ui.router']； app.config['$stateProvider'，'$urlRouterProvider'，函数$stateProvider，$urlRouterProvider{ $stateProvider .陈述“托多利斯特”{ 观点：{ '@': { 模板：“测试！单击我！”，控制器：函数$scope{ $scope.clickEvt=函数{ “谢谢！”； }; } } } } .声明“否则”{ url:“*路径”，

模板：'Oops！Blank page！todolist'，//你能给我们看一下todolist视图吗？@A.Hussien好吧，文本应该正确加载吗？没有.html视图。“否则”中的模板文本可以工作，但我不知道“/todo list”为什么不能工作哇！我花了很多时间试图弄清楚原因！谢谢！我非常高兴nd！

// index.html

<html ng-app="app">
<head>
  <title>Project</title>

  <script src="./js/lib/angular.min.js"></script>
  <script src="./js/lib/angular-ui-router.js"></script>
  <script src="./js/main.js"></script>
</head>

<body>
  <div class="container">
    <ui-view></ui-view>
  </div>
</body>

</html>