Angular 角的用法是什么

Angular 角的用法是什么,angular,Angular,我正在处理的一个项目有以下代码。你能告诉我它是做什么的吗?我知道关于*ngFor和*ngIf。但是这些[ngForOf]=“topicdata”和ngFor let topic是什么?我能以更好的方式简化下面的代码吗 <ng-template ngFor let-topic [ngForOf]="topicdata"> <topic *ngIf="topic.num_of_definitions>0" [data]="topic"></top

我正在处理的一个项目有以下代码。你能告诉我它是做什么的吗?我知道关于
*ngFor
*ngIf
。但是这些
[ngForOf]=“topicdata”
ngFor let topic
是什么?我能以更好的方式简化下面的代码吗

 <ng-template ngFor let-topic [ngForOf]="topicdata">
        <topic *ngIf="topic.num_of_definitions>0" [data]="topic"></topic>
 </ng-template>

我想要它如下所示

<topic *ngFor="let topic of topicdata" [data]="topic" 
*ngIf="topic.num_of_definitions>0"></topic>

但是它显示了这个错误:

[Angular]不能在一个元素上有多个模板绑定。使用 只有一个名为“template”或前缀为的属性*


这只是ngFor的一种不同语法
让topic[ngForOf]=“topicdata”
从topicdata数组创建一个topic变量。您可以按如下方式编写它,从而创建所使用的语法(使用ng模板)


//一些模板

你可以在这里找到更多信息,这只是ngFor的一种不同语法
让topic[ngForOf]=“topicdata”
从topicdata数组创建一个topic变量。您可以按如下方式编写它,从而创建所使用的语法(使用ng模板)


//一些模板

您可以在这里找到更多信息,
ngFor
指令是一种特殊的指令。Microsyntax本质上为开发人员提供了一种以更紧凑、更简单的方式配置指令的方法。您可以看到前面的
*
中使用了microsyntax

守则:

<topic *ngFor="let topic of topicdata"> </topic>

有关
ng container

的更多信息,请参见
*ngFor
指令。Microsyntax本质上为开发人员提供了一种以更紧凑、更简单的方式配置指令的方法。您可以看到前面的
*
中使用了microsyntax

守则:

<topic *ngFor="let topic of topicdata"> </topic>

更多关于
ng container

的可能副本,请参见此处,也请参见-所有副本都以这种方式编译为
ng template
。也请参见此处,也请参见-所有副本都以这种方式编译为
ng template
。是,我想要这个语法。我会试试这个,然后回来。谢谢。这是有效的
。但这不是。为什么<代码>是的,这实际上是我的错。不能将此语法用于ng模板。因为*ngFor实际上是
ng模板ngForOf
的糖化版本。你可以在这里找到更多是的,我想要这个语法。我会试试这个,然后回来。谢谢。这是有效的
。但这不是。为什么<代码>是的,这实际上是我的错。不能将此语法用于ng模板。因为*ngFor实际上是
ng模板ngForOf
的糖化版本。你可以在这里找到更多信息,这是有效的。但这不是。为什么
这是因为
*ngFor
将在幕后为您创建
ng模板
——因此将
*ngFor
放在
ng模板上是没有意义的。转到
:)我不能这样做,因此
*ngIf=“topic.num\u of_definitions>0”
也在那里。请参阅上面的更新。那么我该怎么做呢?这是可行的
。但这不是。为什么
这是因为
*ngFor
将在幕后为您创建
ng模板
——因此将
*ngFor
放在
ng模板上是没有意义的。转到
:)我不能这样做,因此也有
*ngIf=“topic.num\u of_definitions>0”
。请参阅上面的更新。那么我该如何做呢?
<ng-template ngFor let-topic [ngForOf]="topicdata">
   <topic> ... </topic>
</ng-template>
<ng-container *ngFor="let topic of topicdata">
   <topic *ngIf="topic.num_of_definitions > 0"> ... </topic>
<ng-container>