angularjs - 无法引导 Angular 应用程序

Question

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

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

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

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

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

Answer 1

使用这个 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';
}

Answer 2

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