我正在关注 angular 文档和其他链接,以便在基于 rails 的项目中创建一个带有 angular 的“组件”。
问题是我无法正确初始化应用程序,而是出现了两个相同的错误
Uncaught Error: No module: testApp0
Uncaught Error: No module: testApp0
在下面的 jsfiddle 中,我尝试向您展示我的观点http://jsfiddle.net/d8Lyu/
我在角度方面很新,官方文档不是很有帮助
我正在关注 angular 文档和其他链接,以便在基于 rails 的项目中创建一个带有 angular 的“组件”。
问题是我无法正确初始化应用程序,而是出现了两个相同的错误
Uncaught Error: No module: testApp0
Uncaught Error: No module: testApp0
在下面的 jsfiddle 中,我尝试向您展示我的观点http://jsfiddle.net/d8Lyu/
我在角度方面很新,官方文档不是很有帮助
使用这个 jsfiddle 作为参考:http: //jsfiddle.net/joshdmiller/HB7LU/
您需要添加外部资源,更改“小提琴选项”部分和“框架和扩展”部分中的设置。
一切都设置好后,您可以在 javascript 窗格中创建您的角度,如下所示:
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope) {
$scope.name = 'Superhero';
}
你快到了!请记住 angular 是模块化的,每个模块都需要用angular.module('my_module_name', ['my_modules_dependency'])
.
只需像这样重构您的代码:
angular.module( //this is your app module
'testApp0',
['testApp0.controllers'] //your app need your controller as a dependency to works
);
angular.module( //this is your controller module
'testApp0.controllers',
[]
).controller('sliderCtrl', ['$scope', function($scope) {
$scope.greeting = "hellow" //you pass a gretting variable to your template
}
])
另一件事:您gretting
在控制器中声明一个变量,但user.hellow
在模板中访问它。放{{ gretting }}
.
最后一件事,在
框架和扩展
小提琴将“onLoad”更改为“in body”,您不希望您的 Angular 应用程序在 DOM 之前准备好。
如果您打算使用 angular,请查看:angular-app。对于严肃的角度开发,教程应用程序不能被信任。