H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】angualr ui-router 套路由的时候报错

图片描述

图片描述

home.html

<div class="jumbotron text-center">
    <h1>Home</h1>
    <p>This page demonstrates
        <span class="text-danger">nested</span>views
    </p>
    <a ui-sref=".list" class="btn btn-primary">List</a>
    <a ui-sref=".paragraph" class="btn btn-danger">Paragraph</a>
</div>
<div ui-view></div>

home-list.html

<ul>
    <li ng-repeat="topic in topics">{{topic}}</li>
</ul>

js:

    routerApp.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
        /*路由重定向 $urlRouterProvider:如果没有路由引擎能匹配当前的导航状态,那它就会默认将路径路由至 home.html,  
         *这个页面就是状态名称被声明的地方. */
        $urlRouterProvider.otherwise('/home');
        $stateProvider
            .state('home', {
                url: '/home',
                templateUrl: '../../../public/html/spademo/home.html'
            })
            /*  nested list with custom controller*/
            .state('home.list', {
                url: '/list',
                templateUrl: '../../../public/html/spademo/home-list.html',
                controller: function($scope) {
                    $scope.topics = ['andy', 'lucy', 'jacky'];
                }
            })

报错,如下图:
图片描述

各位有遇见过没?

回答:

发现可以这样写就不报错了

         .state('home.list', {
                url: '/list',
                templateUrl: '../../../public/html/spademo/home-list.html',
                controller: 'myCtrl'
            })

估计是先定义下controller

本文地址:H5W3 » 【Web前端问题】angualr ui-router 套路由的时候报错

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址