Javascript 我可以在ngView中使用哪些属性来显示当前路线的模板？

我正在学习AngularJS，其中一个作业是这样写的：

现在，向我们的

index.html

添加一个新的

div

标记，并使用一个属性指令 将包括当前管线的渲染模板

也就是说，我需要在下面的

div

中放入一些内容，这将呈现正确的（根据路线）模板

<div class="main-wrapper">

</div>

在我能找到的所有示例中，这个任务都是通过将

放入HTML代码中来解决的

但这个答案是错误的

我还可以如何实现它（呈现与当前路由相对应的模板）？

是ngRoute模块所必需的。模板可以使用

$routeProvider

解析为

angular.module('ngViewExample', ['ngRoute', 'ngAnimate'])
.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {
    $routeProvider
      .when('/Book/:bookId', {
        templateUrl: 'book.html',
        controller: 'BookCtrl',
        controllerAs: 'book'
      })
      .when('/Book/:bookId/ch/:chapterId', {
        templateUrl: 'chapter.html',
        controller: 'ChapterCtrl',
        controllerAs: 'chapter'
      });

    $locationProvider.html5Mode(true);
}])

如果要从控制器中操作模板，也可以使用。在获取正确的模板之前，您仍然需要解析控制器内的路由。

需要从ngRoute模块获取。模板可以使用

$routeProvider

解析为

<div class="main-wrapper">

</div>

angular.module('ngViewExample', ['ngRoute', 'ngAnimate'])
.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {
    $routeProvider
      .when('/Book/:bookId', {
        templateUrl: 'book.html',
        controller: 'BookCtrl',
        controllerAs: 'book'
      })
      .when('/Book/:bookId/ch/:chapterId', {
        templateUrl: 'chapter.html',
        controller: 'ChapterCtrl',
        controllerAs: 'chapter'
      });

    $locationProvider.html5Mode(true);
}])

如果要从控制器中操作模板，也可以使用。在获取正确的模板之前，您仍然需要解析控制器内的路由。

需要从ngRoute模块获取。模板可以使用

$routeProvider

解析为

<div class="main-wrapper">

</div>

angular.module('ngViewExample', ['ngRoute', 'ngAnimate'])
.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {
    $routeProvider
      .when('/Book/:bookId', {
        templateUrl: 'book.html',
        controller: 'BookCtrl',
        controllerAs: 'book'
      })
      .when('/Book/:bookId/ch/:chapterId', {
        templateUrl: 'chapter.html',
        controller: 'ChapterCtrl',
        controllerAs: 'chapter'
      });

    $locationProvider.html5Mode(true);
}])

如果要从控制器中操作模板，也可以使用。在获取正确的模板之前，您仍然需要解析控制器内的路由。

需要从ngRoute模块获取。模板可以使用

$routeProvider

解析为

<div class="main-wrapper">

</div>

angular.module('ngViewExample', ['ngRoute', 'ngAnimate'])
.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {
    $routeProvider
      .when('/Book/:bookId', {
        templateUrl: 'book.html',
        controller: 'BookCtrl',
        controllerAs: 'book'
      })
      .when('/Book/:bookId/ch/:chapterId', {
        templateUrl: 'chapter.html',
        controller: 'ChapterCtrl',
        controllerAs: 'chapter'
      });

    $locationProvider.html5Mode(true);
}])

---

如果要从控制器中操作模板，也可以使用。在获取正确的模板之前，您仍然需要解析控制器内部的路由。

ngView

指令可以用作以下两个元素：

<div class="main-wrapper">

</div>

<ng-view></ng-view>

作为一种属性

<div ng-view></div>

---

参见

ngView

指令可同时用作元素：

<ng-view></ng-view>

作为一种属性

<div ng-view></div>

---

参见

ngView

指令可同时用作元素：

<ng-view></ng-view>

作为一种属性

<div ng-view></div>

---

参见

ngView

指令可同时用作元素：

<ng-view></ng-view>

作为一种属性

<div ng-view></div>

---

请参见

。这是@NewDev谢谢。请将您的评论作为答复提交，我将接受。

。这是@NewDev谢谢。请将您的评论作为答复提交，我将接受。

。这是@NewDev谢谢。请将您的评论作为答复提交，我将接受。

。这是@NewDev谢谢。请提交您的评论作为答复，我将接受。