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

前端之家收集整理的这篇文章主要介绍了如何在没有打字稿的Angular 2中创建可重用组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我为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中.

解决方法

默认情况下,每个组件都是可重用的.您可以将其用作其他组件模板中的指令,例如< my-app>< / my-app> (对于root应用程序组件,可能不是最好的主意,但还有其他任何内容,例如< my-user-details [user] =“user”>< / my-user-details>).重用组件的另一种方法是使用Angular 2路由器导航到具有不同路由配置的相同组件.

这一切都取决于你如何构建你的组件,通常你最终会得到智能(有功能)和哑(仅布局)组件,其中dumb将被重用最多.

猜你在找的Angularjs相关文章