Угловое 1 компонент против определения директивы

Question

Я довольно новыми для node.js и я планирую перенести наши угловые 1 директивы компонентов для того, чтобы облегчить переход к Угловая 2.

Итак, мой вопрос является то, что у меня есть некоторый код, работающий с несколькими определениями, как это:

'use strict'; 

var angular = require('angular'); 

angular.module('dashboard') 
.directive('yepNope', require('./yep-nope.directive')) 
//.component('comp', require('./myFirstComponent.component')); 
.component('comp', new (require('./myFirstComponent.component'))); 

и да-nope.directive и MyFirstComponent.component определяются таким же образом:

'use strict'; 

function MyFirstComponent() { 

    function componentController($element){ 
     var vm = this; 

     init(); 

     function init(){ 
      vm.api = { 
       bar : function(){ 
        console.log('bar called');        
       }, 
       foo : function(){ 
        console.log('foo called');        
       } 
      };       
     } 

     this.$onInit = function(){ 
      console.log("$onInit"); 
     }; 

     this.$postLink = function(){ 
      console.log("$postLink");      
     }; 

     this.$onChanges = function(changesObj){ 
      console.log("$onChanges"); 
     }; 
    } 

    return { 
     bindings: { }, 
     controller: componentController, 
     //controllerAs: '$ctrl', 
     template:'<div><h1>My Component header</h1></div>' 
    } 
} 

module.exports = MyFirstComponent; 

в d

'use strict'; 

function YepNopeDirective() { 
    return { 
    restrict: 'E', 
    link: function (scope, element, attrs) { 
     scope.$watch(attrs.check, function (val) { 
     var words = val ? 'Yep' : 'Nope'; 
     element.text(words); 
     }); 
    } 
    } 
} 

module.exports = YepNopeDirective; 

Есть ли объяснение, почему определение компонент мне нужно сделать новый (требуется ... в то время как с директивой это не нужно?

.directive('yepNope', require('./yep-nope.directive')) 
//.component('comp', require('./myFirstComponent.component')); 
.component('comp', new (require('./myFirstComponent.component'))); 

Спасибо,

Дэвид.

Answer 1

Я ответил на мой собственный вопрос.

Компонент определяется по-другому, чем традиционные директивы. В то время как директивам требуется функция, для компонентов требуются объекты опций:

app.directive(name, fn) 
app.component(name, options) 

Answer 2

Вам не нужно требовать у всех:

.directive('yepNope', YepNopeDirective); 

Если вам не нужно требовать, Вы, возможно, потребуется пересмотреть архитектуру проекта.

Вы не преобразовываете директиву в компонент.

Вы конвертируете приложение к компонентной архитектуре с использованием .component но directives stay directives