Question

在我为Angular 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 = {}));

使用app / main.js引导组件：

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

但是我如何定义可重用的组件？文档似乎是用Typescript或Angular 1编写的。

Answer 1

默认情况下，每个组件都是可重用的。你可以在directive之类的其他组件模板中使用它作为<my-app></my-app>（对于root应用程序组件，可能不是最好的主意，但还有<my-user-details [user]="user"></my-user-details>之类的其他内容。重用组件的另一种方法是使用Angular 2路由器导航到具有不同路由配置的相同组件。

这完全取决于您构建组件的方式，通常最终会使用smart（具有功能性）和dumb（仅限布局）组件，其中dumb将被重用最多。

如何在没有打字稿的Angular 2中创建可重用组件

1 个答案: