Невозможно выполнить загрузку углового приложения

Question

Я следил за угловыми документами и другими ссылками, чтобы создать «компонент» с угловым внутри проекта на основе рельсов.

Проблема заключается в том, что я не могу правильно инициализировать приложение, и вместо этого я получил два одинаковых ошибки

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

В следующем jsfiddle я пытаюсь показать свою точку http://jsfiddle.net/d8Lyu/

Я довольно новое в угловых и официальной документации не очень полезно

Answer 1

Вы почти здесь! Просто помните, что угловая модульная и каждый модуль должен быть объявлен с помощью 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 в контроллере, но Acces его user.hellow в шаблоне. Просто положите {{ gretting }}.

Одна последняя вещь, в

рамок и расширений

изменения скрипку «OnLoad» к «в теле», вы не хотите, чтобы ваш Угловая приложение, чтобы быть готовым до DOM.

Если вы планируете использовать угловые, посмотрите на: angular-app. Учебное приложение не может быть доверено серьезному угловому развитию.

Answer 2

Используйте этот jsfiddle в качестве ссылки: http://jsfiddle.net/joshdmiller/HB7LU/

Вам нужно добавить внешний ресурс, изменить настройки в разделе «Параметры скрипта» и разделе «рамки и расширения».

После того, как все настройки вы можете создать свою угловые в яваскрипте панели likeso:

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

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

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