2013-07-22 82 views
0

我正在跟踪角度文档和其他链接,以便在基于rails的项目中创建带有角度的“组件”。无法引导一个角度的应用程序

的问题是,我不能正确初始化应用程序,而是我有两个相同的错误

Uncaught Error: No module: testApp0 
Uncaught Error: No module: testApp0 

在下面的jsfiddle我试着告诉你我的观点http://jsfiddle.net/d8Lyu/

我在角度和官方文件很新是不是非常有帮助

回答

0

你几乎在这里!请记住,角度是模块化的,每个模块需要用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”到“身体”的

,你不想让你的角度应用是前准备DOM。

如果您打算使用角度,请看:angular-app。该教程应用程序不可信任的严重的角度发展。

0

使用此的jsfiddle作为参考:http://jsfiddle.net/joshdmiller/HB7LU/

您需要添加外部资源,更改'小提琴选项'部分和'框架和扩展'部分中的设置。

一旦一切都设置,你可以在JavaScript窗格likeso创建角:

var myApp = angular.module('myApp',[]); 

//myApp.directive('myDirective', function() {}); 
//myApp.factory('myService', function() {}); 

function MyCtrl($scope) { 
    $scope.name = 'Superhero'; 
} 
+0

你好,杰森,提出了小提示,但事实上,这是我的意图改变的方式。我在rails项目中还有一件事,但我试图简化我遇到的问题 – raulricardo21

+0

另外,感谢你的jsfiddle,帮助我理解其他东西 – raulricardo21

相关问题