从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开始，角度应用程序的结构已经完全改变。

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

所以回答你的问题

1.)角组件可以根据对RESTful服务器端服务的调用显示HTML，并使用*ngIf、*ngFor等按需要呈现数据格式。

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

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

等等。