<!-- ngView : undefined --> 是啥意思

Posted 2023-02-22

【中文标题】<!-- ngView : undefined --> 是啥意思

【英文标题】：what does <!-- ngView : undefined --> mean<!-- ngView : undefined --> 是什么意思

【发布时间】：2014-01-11 01:22:25

【问题描述】：

我得到一个这样的 dom：

<div class="row">
  <::before>
    <div class="col-lg-12">
      <!-- ngView: undefined -->
        <ng-view class="ng-scope">
          <h1 class="ng-scope">Hello world</h1>
        </ng-view>
    </div>
  <::after>
</div>

做什么：

    <!-- ngView: undefined -->

是什么意思？

一切似乎都很好，但我不喜欢这个评论，因为似乎有些东西不能正常工作？

模板如下所示：

<h1>Hello world</h1>

它是这样配置的：

var myApp = angular.module('myApp', [
'ngRoute',

.....

]);

myApp.config(['$routeProvider', function($routeProvider)
$routeProvider.when('/my_template', templateUrl: '/web-angular/my_template.html')
.when( .....  );
]);

【参考方案1】：

将您的“ng-view”指令放在 div 或 span 中。比如……

<div ng-view></div>
<span ng-view></span>

在这里查看 IE 限制AngularJS IE Guide 并查看数字 3 和 4。由此，我认为这只是一个警告。像它一样引起你和我的注意的东西。请注意，在您的课程中声明 ng-view 仍然有效，但您会在标记中收到相同的警告消息。

【参考方案2】：

对于遇到此问题并且对其他答案没有任何运气的其他人，我遇到了这个问题，因为我没有将控制器作为模块的依赖项。

angular.module('myApp', ['module-for-missing-page'])

包含此依赖项可以正确加载视图。

【参考方案3】：

在锚标签中注入你的视图。像这样

<div>
<a href="#/home"> Home</a>
    <a href ="#/students"> Students </a>
    <a href="#/courses"> Courses </a> 
    <ng-view>  </ng-view> 
</div>



 var app = angular.module("MyApp", ["ngRoute"])
                 .config(function ($routeProvider) 
                     $routeProvider
                         .when("/home", 
                             templateUrl: "Templates/home.html",
                             controller: "homeController"
                         )
                         .when("/courses", 
                              templateUrl: "Templates/courses.html",
                              controller: "courseController"
                         )
                        .when("/students", 
                            templateUrl: "Templates/students.html",
                            controller: "studentsController"
                         )
                 )

                  .controller("homeController", function ($scope) 
                      $scope.message = "I am in home controller";
                  )
                 .controller("courseController",function($scope)
                      $scope.message = "I am in courses controller";
                 )
                 .controller("studentsController", function ($scope) 
                      $scope.message = "I am in students controller";
                 )

并检查您是否放置了正确的 ng-route 链接。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"> </script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-route.min.js">
 </script>