Как создать многократно используемый компонент в угловых 2 Без машинописи

Question

В примерах, которые я нашел для Угловых 2, компоненты могут быть созданы один раз в приложение, например:

(function(app) { 
    app.AppComponent = 
    ng.core.Component({ 
     selector: 'my-app', 
     template: '<h1>My First Angular 2 App</h1>' 
    }) 
    .Class({ 
     constructor: function() {} 
    }); 
})(window.app || (window.app = {})); 

с приложением/main.js самонастройки компонент:

(function(app) { 
    document.addEventListener('DOMContentLoaded', function() { 
    ng.platform.browser.bootstrap(app.AppComponent); 
    }); 
})(window.app || (window.app = {})); 

Но как бы определить компонент многократного использования? Документация представляется в машинописном или угловом формате.

Answer 1

Каждый компонент по умолчанию используется повторно. Вы можете использовать его как directive внутри шаблона другого компонента, например <my-app></my-app> (Возможно, это не лучшая идея с корневым компонентом приложения, но с чем-то еще, как <my-user-details [user]="user"></my-user-details>). Другой способ повторного использования компонентов - использовать маршрутизатор Angular 2 для перехода к тем же компонентам с различными конфигурациями маршрутов.

Все зависит от того, как вы создаете свои компоненты, как правило, вы получаете smart (с функциональностью) и dumb (только макет), в которых немой будет использоваться больше всего.