小编sev*_*vic的帖子

我们有一些数组，例如：

• heroes: Hero[];
• villains: Villain[];
• ...
• puppies: Puppy[]

和一个模板

<p *ngFor="let individual of heroes">
    {{ individual.name }} - {{ individual.mobileNumber }}
    ...
</p>
    <p *ngFor="let individual of villains">
    {{ individual.name }} - {{ individual.mobileNumber }}
    ...
</p>
...
 <p *ngFor="let individual of puppies">
    {{ individual.name }} - {{ individual.mobileNumber }}
    ...
</p>

该*ngFor回路均具有相同的内容。为了简化这一点，我们创建了一个ng-template我们可以重用的。

<ng-template let-individual #individualParagraphContent>
    {{ individual.name }} - {{ individual.mobileNumber }}
    ...
<ng-template>

现在我们想像这样使用它：

<p *ngFor="let individual of puppies">
  <ng-content *ngTemplateOutlet="individualParagraphContent;
              context: {individual: individual}"> …

我的子组件如下所示：

...
@Component({
    selector: '[child-component]'
    templateUrl: './child.template.html'
})
...

我的父模板如下：

<span child-component [someInput]="123"></span>

现在我想渲染子组件的内容，而<span>周围没有容器。我不想在父组件的模板中出现任何容器，只需要子组件模板的内容。

我已经尝试过其他一些标签了。

• <ng-content>（根本没有渲染任何东西）
• <ng-template>（嵌入模板上的组件：）
• <ng-container>（无法在“节点”上执行“appendChild”）

提前致谢！

我在表单输入方面有问题，特别是在 textarea 输入方面。我需要将换行符转换/更改为
textarea 输入。如何在组件中更改/转换它？我需要将该输入发布到 API

我不知道如何处理那个 textarea 输入。我想我需要创建一个新函数来处理该输入。我正在努力解决这个问题，但我没有找到解决方案。