2016-11-17 6 views
0

С текущей стратегией, в корне каждого модуля у меня есть файл index.js, определяющий все Угловые 1.X штук, которые должны быть включены в приложение.Как зарегистрировать угловой компонент?

Очень простой пример:

angular.module('app', []) 
    .config(require('./app.states')) 
    .service('appService', require('./app.service')) 
    .directive('appDirective', require('./app.directive')); 

Команда использует директивы для вещей, что просто глупо. Я уверен, что вы можете относиться к людям, набивающим контроллеры, слишком много, и все другие плохие примеры для «не хватает времени».

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

Короче говоря, с помощью «appComponent» в качестве имени компонента внутри определения состояния не то, что работает таким же образом ::

angular.module('app', []) 
    .config(require('./app.states')) 
    .service('appService', require('./app.service')) 
    .component('appComponent', require('./app.component')); 

Что я должен попробовать следующий?

+0

В чем проблема с компонентами? Кстати, они по сути являются директивами с синтаксисом сахара. – estus

+0

ничего нехорошо ... желая перейти к их использованию, однако «вводя» их в базу кода с помощью браузера не поддерживает синтаксис .component – beauXjames

+0

Что вы подразумеваете под «поддержкой»? Browserify не знает о угловом или любом другом JS-коде, где он используется. У вас есть синтаксическая ошибка с закрытыми круглыми скобками. – estus

ответ

0

Ответ был тот, что в более ранних версиях Angular от 1.5 до, компоненты получили поддержку. Как бы то ни было, для регистрации компонента в определении углового модуля вы все равно используете директиву() и просто требуете компонент вместо директивы.

angular.module('app', []) 
    .config(require('./app.states')) 
    .service('appService', require('./app.service')) 
    .directive('appComponent', require('./app.component')); 
Смежные вопросы