0

我正在关注 angular 文档和其他链接,以便在基于 rails 的项目中创建一个带有 angular 的“组件”。

问题是我无法正确初始化应用程序,而是出现了两个相同的错误

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

在下面的 jsfiddle 中,我尝试向您展示我的观点http://jsfiddle.net/d8Lyu/

我在角度方面很新,官方文档不是很有帮助

4

2 回答 2

0

使用这个 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';
}
于 2013-07-22T22:20:01.170 回答
0

你快到了!请记住 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。对于严肃的角度开发,教程应用程序不能被信任。

于 2013-07-23T02:52:25.437 回答