如何使用 ui-router 设计一个状态，仅用两个文件和两个控制器替换 index.html 的内容

Question

如何使用 UI-Router 设计一个状态，用两个文件和两个控制器替换 index.html 的 CONTENT ONLY。 我有 views/dishDetail.html & views/comment.html 和 我正在尝试这个：

  .state('app.dishDetail',{
        url: 'menu/:id',
        views: {
            'content@' : {
                'disComment': {
                    templateUrl : 'views/dishDetail.html',
                    controller  : 'DishDetailController'
                    },
                'myComment': {
                    templateUrl : 'views/comment.html',
                    controller  : 'DishCommentController'
                    }
            }
        }

    });

请帮忙

Answer 1

应该是这样

    .state('app.dishDetail', {
      url: 'menu/:id',
      views: {
        'content@': {
            template: '<div ui-view="disComment" /></div>' + 
            '<div ui-view="myComment" /></div>',
          },
          'disComment@app.dishDetail': {
            templateUrl: 'views/dishDetail.html',
            controller: 'DishDetailController'
          },
          'myComment@app.dishDetail': {
            templateUrl: 'views/comment.html',
            controller: 'DishCommentController'
          }
      }

有a working plunker