路由提供者不工作答案

【问题标题】：RouteProvider Not working路由提供者不工作
【发布时间】：2015-09-01 14:10:41
【问题描述】：

我正在尝试以角度使用 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>

【问题讨论】：

您是否在控制台中遇到任何错误？看来您没有在 app 模块中添加 ngRoute 作为依赖项。
是。未捕获的错误：[$injector:modulerr] errors.angularjs.org/1.3.14/$injector/…...gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A38%3A135)（匿名函数) @ angular.js:38(匿名函数) @ angular.js:4120s @ angular.js:323g @ angular.js:4081ab @ angular.js:4007d @ angular.js:1445tc @ angular.js:1466Jd @ angular. js:1360(匿名函数)@angular.js:26176a@angular.js:2744c@angular.js:3014
你必须在你的应用模块中安装ngRoute并加载ngRoute作为依赖。
我认为这是由于弃用...
如何..请你提供一个例子

标签： javascript html angularjs angularjs-routing

【解决方案1】：

Html 包括 <script> 用于 ngRoute。

<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"
    }
});

【讨论】：

【解决方案2】：

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

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

更多Documention了解详情。

【讨论】：

是的，我试过了..但它不起作用...我的代码有什么问题吗？我在控制台 angular.js:38Uncaught 错误：[$injector:modulerr]errors.angularjs.org/1.3.14/$injector/… …gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)（匿名函数）@ angular.js:38（匿名函数）@ angular.js:4120s @ angular.js： 323g@angular.js:4081ab