Question

iam new in angularJs.i正在使用wamp服务器并且它加载到html页面但是没有显示view.i在主体中也使用了ng-app但是它没有加载视图

    <!DOCTYPE html>
<html>
<head>
    <title>AngularJs | Basic Login Form</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <script src="angular-route.min.js"></script>
<!--  -->
</head>
<body>
<body ng-app="myApp">
    <div ng-view>

    </div>

<script>
    var myApp = angular.module("myApp",["ngRoute"]);

myApp.config(function($routeProvider){
    $routeProvider
    .when('/', {
        templateUrl: 'page.html'
    })
    .when('/hello',{
        templateUrl:'hello.html'
    })
    .otherwise({
        redirectTo: '/'

    });
});

</script>
</body>
</html>

Answer 1

使用最新的Angular库（我无法找到路由器1.2.23，无论如何都已过时），您的代码可以正常工作，如您所见：

https://plnkr.co/edit/OOSHyNjIIIibeX03pVuB?p=preview

这是我改变的代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.10/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.10/angular-route.min.js"></script>
<!--  -->
</head>
<body ng-app="myApp">

顺便说一下，你有重复的身体标签。您可能想删除它。

在AngularJs中无法加载ng-view？

1 个答案: