是角JS的地方安装或参考网址的区别 [英] is difference between local install or reference url of angular js
本文介绍了是角JS的地方安装或参考网址的区别的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想开发采用了棱角分明的js的应用程序。它一个简单的路由。当我添加的角度通过URL是这样的：
＆LT;脚本SRC =http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js＆GT;＆LT; / SCRIPT＆GT ;
＆LT;脚本SRC =〜/ JS / app.js＆GT;＆LT; / SCRIPT＆GT;
我的应用程序工作正常，但是当我补充这样的：
＆LT;脚本SRC =〜/脚本/ angular.min.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本SRC =〜/脚本/角route.min.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本SRC =〜/ JS / app.js＆GT;＆LT; / SCRIPT＆GT;
我得到这个错误：
angular.js：68未捕获的错误：[$喷油器：modulerr]未能实例化模块sampleApp由于：
错误：[$喷油器：unpr]未知提供商：$ routeProvide
下面是我的app.js
//定义我们的应用程序的角度模块
VAR sampleApp = angular.module（'sampleApp'，[]）;//定义路由的应用
// URI / AddNewOrder - ＆GT;模板add_order.html和控制器AddOrderController
// URI / ShowOrders - ＆GT;模板show_orders.html和控制器AddOrderController
sampleApp.config（['$ routeProvider'，
功能（$ routeProvider）{
$ routeProvider。
当（'/ AddNewOrder'，{
templateUrl：'模板/ add_order.html'，
控制器：'AddOrderController
}）。
当（'/ ShowOrders'，{
templateUrl：'模板/ show_orders.html'，
控制器：'ShowOrdersController
}）。
除此以外（{
redirectTo：'/ AddNewOrder
}）;
}]）;
sampleApp.controller（'AddOrderController'，函数（$范围）{ $ scope.message ='这是新增订单屏幕;}）;
sampleApp.controller（'ShowOrdersController'，函数（$范围）{ $ scope.message ='这是显示屏幕的订单;}）;
下面是我的html code：
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML LANG =ENGT＆;
＆LT; HEAD＆GT;
＆LT;标题＆GT; AngularJS路由例如＆LT; /标题＆GT;
＆LT; /头＆GT;＆LT;机身NG-应用=sampleApp＆GT; ＆LT; DIV CLASS =容器＆GT;
＆LT; DIV CLASS =行＆GT;
＆LT; DIV CLASS =COL-MD-3＆GT;
＆LT; UL类=导航＆GT;
＆LT;立GT;＆LT; A HREF =＃AddNewOrder＆GT;新增订单和LT; / A＆GT;＆LT; /李＆GT;
＆LT;立GT;＆LT; A HREF =＃ShowOrders＆GT;显示Order＆LT; / A＆GT;＆LT; /李＆GT;
＆LT; / UL＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =COL-MD-9＆GT;
＆LT; DIV NG-视图＆gt;＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆所述; SCRIPT SRC =http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js＆GT;＆下; /脚本＆GT;
＆LT;脚本SRC =〜/ JS / app.js＆GT;＆LT; / SCRIPT＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
解决方案
您需要将引用添加到模块（角路由模块），你的模块依赖于。错误说$ routeProvide是未知和角路由模块中可用
//定义我们的应用程序的角度模块
变种sampleApp = angular.module（'sampleApp'，['ngRoute']）;
I am trying to develop an application using angular js .it a simple routing .when i add the angular by url like this :
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="~/js/app.js"></script>
My application works fine ,but when i add like this :
<script src="~/Scripts/angular.min.js"></script>
<script src="~/Scripts/angular-route.min.js"></script>
<script src="~/js/app.js"></script>
I got this error :
angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module sampleApp due to:
Error: [$injector:unpr] Unknown provider: $routeProvide
Here is my app.js
//Define an angular module for our app
var sampleApp = angular.module('sampleApp', []);
//Define Routing for app
//Uri /AddNewOrder -> template add_order.html and Controller AddOrderController
//Uri /ShowOrders -> template show_orders.html and Controller AddOrderController
sampleApp.config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/AddNewOrder', {
templateUrl: 'templates/add_order.html',
controller: 'AddOrderController'
}).
when('/ShowOrders', {
templateUrl: 'templates/show_orders.html',
controller: 'ShowOrdersController'
}).
otherwise({
redirectTo: '/AddNewOrder'
});
}]);
sampleApp.controller('AddOrderController', function ($scope) {
$scope.message = 'This is Add new order screen';
});
sampleApp.controller('ShowOrdersController', function ($scope) {
$scope.message = 'This is Show orders screen';
});
Here is my html code :
<!DOCTYPE html>
<html lang="en">
<head>
<title>AngularJS Routing example</title>
</head>
<body ng-app="sampleApp">
<div class="container">
<div class="row">
<div class="col-md-3">
<ul class="nav">
<li><a href="#AddNewOrder"> Add New Order </a></li>
<li><a href="#ShowOrders"> Show Order </a></li>
</ul>
</div>
<div class="col-md-9">
<div ng-view></div>
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="~/js/app.js"></script>
</body>
</html>
解决方案
You will need to add the reference to the module (angular route module) that your module is dependent on. The error says that $routeProvide is unknown to it and that is available in the angular route module.
//Define an angular module for our app
var sampleApp = angular.module('sampleApp', ['ngRoute']);
这篇关于是角JS的地方安装或参考网址的区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
