路由提供者不工作

Question

我正在尝试在 angular 中使用 routeProvider 但它不起作用我的 html

 <html>
<head>      
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body ng-app="Myapp">
     <ng-view></ng-view>
</body>
<script src="app.js"></script>
</html>

这里是app.js

var app = angular.module('Myapp',[]);
app.config(function($routeProvider){
    $routeProvider.when("/",
        {
        templateUrl:'data.html',
        controller: 'myctrl'
        }
    )
});
app.controller('myctrl',function($scope){
    $scope.model= {
        msg:"Route Worked"
    }
});

我的模板

<h1>{{model.msg}}</h1>

Answer 1

您需要先安装 angular-route 并将其包含在您的项目中。然后像这样在您的应用程序中加载模块

angular.module('app', ['ngRoute']);

进一步 Documention 了解详情。

Answer 2

Html 为 ngRoute 包含 <script>。

<html>
    <head>      
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <script src="https://code.angularjs.org/1.3.14/angular-route.js"></script>
    </head>
    <body ng-app="Myapp">
         <ng-view></ng-view>
    </body>
    <script src="app.js"></script>
</html>

app.js

var app = angular.module('Myapp',["ngRoute"]);
app.config(function($routeProvider){
    $routeProvider.when("/",
        {
            templateUrl:'data.html',
            controller: 'myctrl'
        }
    )
});

app.controller('myctrl',function($scope){
    $scope.model= {
        msg:"Route Worked"
    }
});

路由提供者不工作

RouteProvider Not working

html

javascript

angularjs

angularjs-routing