Question

早上好，

我一直在学习Angular 5，尽管有很多新东西，我还是可以意识到如何完成它。

过去我研究过AngularJS，所以我试图理解Angular 5并看看框架是如何变化的，

目前我处理的是一个简单的事情，我可以在Angular JS中做，每页有多个控制器，就像这样。

<div class="widget" ng-controller="widgetController">
    <p>Stuff here</p>
</div>

<div class="menu" ng-controller="menuController">
    <p>Other stuff here</p>
</div>

但是我不知道如何在Angular 5中做到这一点，因为到目前为止我只找到与每页组件相关的示例和代码。

也许这是一个非常简单的答案，但我真的会帮助你。

Answer 1

超级简单：）

而不是使用控制器标记每个元素，而是创建自定义组件。

<widget></widget>
<menu></menu>

您可以通过执行以下操作声明自定义组件...

import { Component } from '@angular/core';

@Component({
  selector: 'menu',
  template: `<div> stuff goes here </div>`
})
export class MenuComponent  {

}

Angular docs有一个教程调用英雄之旅，它深入到角度。

https://angular.io/tutorial

Answer 2

哦，这很简单！

这是：

<app-widget></app-widget>
<app-menu></app-menu>

在Angular中，您可以创建将替换与其选择器匹配的标记的组件。

Angular 5中同一页面中的多个组件

2 个答案: