HTML的Angular6调用组件

Question

尝试一下Angular6。 在我的Angular1应用程序中，我将范围绑定到html，如下所示：

<div ng-controller="MyCtrl">

</div>

现在基于组件的Angular6中有：

@Component({
  selector: 'app-side-bar-toggle',
  templateUrl: './side-bar-toggle.component.html',
  styleUrls: ['./side-bar-toggle.component.css']
})

有没有办法：

1. 首先通过Python，PHP等将html输出到页面

2. 是否有组件绑定到该页面的已输出部分？

Answer 1

从Angular2开始，Angular应用程序的结构已完全改变。

有一个根引导程序模块 ，其中有一个引导程序组件。一旦您的应用程序运行，该根模块将控制并启动引导程序组件。 现在，HTML渲染将成为Angular框架的责任。 服务器端语言（如PHP，Python，C＃）应作为Angular框架将与之交互的REST服务的提供者。

所以回答你的问题

1.）Angular Components可以基于对RESTful服务器端服务的调用显示HTML，并根据需要使用* ngIf，* ngFor等以HTML格式呈现数据。

2.）父组件可以使用组件选择器在其模板中组合多个组件

<my-first-component></my-first-component>
<p>some html</p>
<my-second-component [InputProperty]="Some Value"></my-second-component>

等等..