Question

以下是列表：

List1 = [{name:A}, {name:B}, {name:C}, {name:D}, {name:F}]
List2 = [{name:e}, {name:g}, {name:t}]

这是HTML：

<ul>
    <li *ngFor="let list of list1">{{list1.name}}        
        <ul *ngIf="list.name === 'C'">
            <li *ngFor="let list_2 of list2" >{{ list_2.name }}
            </li>
        </ul>
    </li>
</ul>

我想要这个结果：

A
B
C
   *e
   *g
   *t
D
F

但是有一些我找不到的错误。请帮助我找到它们，或向我展示新的实现。

谢谢。

Answer 1

在app.component.ts中，将其公开，以便可以在.ts文件之外使用。名称应为字符串

 public list1 = [{ name: 'A' }, { name: 'B' }, { name: 'C' }, { name: 'D' }, { name: 'F' }]
 public list2 = [{ name: 'e' }, { name: 'g' }, { name: 't' }]

在app.component.html

中

<div>
  <ul>
    <li *ngFor="let list of list1">
      {{list.name}}
      <ul *ngIf="list.name=='C'">
        <li *ngFor="let list_2 of list2">{{ list_2.name }}
        </li>
      </ul>
    </li>
  </ul>
</div>

Answer 2

HTML似乎是一个问题，因为TypeScript区分大小写。因此，您应该使用正确的大小写进行输入。

尝试一下：

return $this->belongsTo('App\Publisher'); /* In Campaign Model */

另一个内部（嵌套）在Angular中带有<li>的无序列表

2 个答案: