Javascript 如何在requirejs中加载angularjs？
我的Javascript 如何在requirejs中加载angularjs？,javascript,angularjs,requirejs,Javascript,Angularjs,Requirejs,我的angular测试代码可以单独使用angular。但是，当我想使用requirejs加载angular的代码/应用程序时，会出现错误 HTML app.js define([ 'angular' ], function(angular){ var app = angular.module('MyTutorialApp',['ngRoute']); app.config(function($routeProvider){ $routeProvide
angularangularrequirejsanguladefine([
'angular'
], function(angular){
var app = angular.module('MyTutorialApp',['ngRoute']);
app.config(function($routeProvider){
$routeProvider
.when("/",
{
templateUrl: "template/index.html",
controller: "MainController"
})
.when("/list1",
{
templateUrl: "template/app.html",
controller: "AppCtrl"
})
.when("/list2",
{
templateUrl: "template/app.html",
controller: "AppCtrl2"
})
.when("/:module/:method/",
{
templateUrl: "template/app.html",
controller: "AppCtrl2"
});
});
app.controller("AppCtrl", function($scope, $route){
//console.log($route);
$scope.model = {
message: "This is my app!!!"
};
});
app.controller("AppCtrl2", function($scope, $route){
console.log($route.current.params.module);
console.log($route.current.params.method);
//console.log($param);
$scope.model = {
message: "Hellw world! This is my app!!!"
};
});
app.controller("MainController", function($scope){
//$scope.thisIsAScopeProperty = 'template/index.html';
$scope.people = [
{
id: 0,
name: 'Leon',
music: [
'Rock',
'Metal',
'Dubstep',
'Electro'
],
live: true
},
{
id: 1,
name: 'Chris',
music: [
'Indie',
'Drumstep',
'Dubstep',
'Electro'
],
live: true
},
{
id: 2,
name: 'Harry',
music: [
'Rock',
'Metal',
'Thrash Metal',
'Heavy Metal'
],
live: false
},
{
id: 3,
name: 'Allyce',
music: [
'Pop',
'RnB',
'Hip Hop'
],
live: true
}
];
$scope.newPerson = null;
$scope.addNew = function() {
//alert(1);
console.log($scope.newPerson);
if ($scope.newPerson !== null && $scope.newPerson !== "") {
//alert(2);
$scope.people.push({
id: $scope.people.length,
name: $scope.newPerson,
live: true,
music: [
'Pop',
'RnB',
'Hip Hop'
]
});
}
};
});
return app;
});
我应该添加或更改什么，以便angularjs应用程序可以在需要的情况下工作？尝试手动初始化angularjs应用程序：
e、 g.
angular.bootstrap（obj.rootElement.find（'html'），['payment']）；然后从DOM中删除ng app=“yourApp”。加载所有requirejs模块后，使用angular.bootstrap初始化你的应用程序。如果你去github搜索angular require seed或angular require bootstrap seed，你会找到很多例子 我发现这是一个最简单的方法，它有足够的代码让我开始学习。
谢谢。你能推荐一些有用的例子吗？我在网上找不到好的。。。
require.config({
baseUrl: 'js',
paths: {
jquery: 'lib/jquery/jquery-min',
angular:'lib/angular/angular.min',
angularrouter:'lib/angular/angular-route'
},
shim: {
jquery: {
exports: '$'
},
angular: {
exports: 'angular'
},
angularrouter: {
deps:["angular"],
exports: 'angularrouter'
}
}
});
require([
'app',
'angularrouter'
], function(App){
});
define([
'angular'
], function(angular){
var app = angular.module('MyTutorialApp',['ngRoute']);
app.config(function($routeProvider){
$routeProvider
.when("/",
{
templateUrl: "template/index.html",
controller: "MainController"
})
.when("/list1",
{
templateUrl: "template/app.html",
controller: "AppCtrl"
})
.when("/list2",
{
templateUrl: "template/app.html",
controller: "AppCtrl2"
})
.when("/:module/:method/",
{
templateUrl: "template/app.html",
controller: "AppCtrl2"
});
});
app.controller("AppCtrl", function($scope, $route){
//console.log($route);
$scope.model = {
message: "This is my app!!!"
};
});
app.controller("AppCtrl2", function($scope, $route){
console.log($route.current.params.module);
console.log($route.current.params.method);
//console.log($param);
$scope.model = {
message: "Hellw world! This is my app!!!"
};
});
app.controller("MainController", function($scope){
//$scope.thisIsAScopeProperty = 'template/index.html';
$scope.people = [
{
id: 0,
name: 'Leon',
music: [
'Rock',
'Metal',
'Dubstep',
'Electro'
],
live: true
},
{
id: 1,
name: 'Chris',
music: [
'Indie',
'Drumstep',
'Dubstep',
'Electro'
],
live: true
},
{
id: 2,
name: 'Harry',
music: [
'Rock',
'Metal',
'Thrash Metal',
'Heavy Metal'
],
live: false
},
{
id: 3,
name: 'Allyce',
music: [
'Pop',
'RnB',
'Hip Hop'
],
live: true
}
];
$scope.newPerson = null;
$scope.addNew = function() {
//alert(1);
console.log($scope.newPerson);
if ($scope.newPerson !== null && $scope.newPerson !== "") {
//alert(2);
$scope.people.push({
id: $scope.people.length,
name: $scope.newPerson,
live: true,
music: [
'Pop',
'RnB',
'Hip Hop'
]
});
}
};
});
return app;
});