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>