Html 环上可观测

在我的应用程序前端部分，使用一种方法

this.knowledgeMan.getUserAllowedCases(Item.ItemNumber)

返回可观察的。在我的后端部分，这个方法返回一个

列表

。

---

我的问题是：如何循环这个字符串列表的元素

如果如您所说，

getUserAllowedCases

返回

string[]

则可以执行以下操作：

this.knowledgeMan.getUserAllowedCases(Item.ItemNumber).subscribe(x => {
  // assuming x is string[]
  for (const item of x) {
     // use item
  }
});

---

如果如您所说，

getUserAllowedCases

返回

string[]

，则可以执行以下操作：

this.knowledgeMan.getUserAllowedCases(Item.ItemNumber).subscribe(x => {
  // assuming x is string[]
  for (const item of x) {
     // use item
  }
});

---

如果你有一个可观察的，你必须订阅它才能得到实际值。在subscribtion中，您可以在这里映射或循环您的值

this.knowledgeMan.getUserAllowedCases(Item.ItemNumber).subscribe(allowedCases => {
  allowedCases.map(allowedCase => {
    // your code here
  });
});

---

如果你有一个可观察的，你必须订阅它才能得到实际值。在subscribtion中，您可以在这里映射或循环您的值

this.knowledgeMan.getUserAllowedCases(Item.ItemNumber).subscribe(allowedCases => {
  allowedCases.map(allowedCase => {
    // your code here
  });
});

---

如果使用此

列表

可观察来显示HTML部分，则可以使用

async

和

*ngFor

的组合来获得所需的结果

//in your html for example
<ul>
  <li *ngFor="let item of (data$ | async)"> {{ item }} </li>
</ul>

//in your component

//usual angular stuff
export class MyComponent implements OnInit {
  data$: Observable<String[]>;
  constructor(private knowledgeMan: YourServiceInterface){}

  ngOnInit() {
    data$ = this.knowledgeMan.getUserAllowedCases(Item.ItemNumber);
  }
}

---

如果使用此

列表

可观察来显示HTML部分，则可以使用

async

和

*ngFor

的组合来获得所需的结果

//in your html for example
<ul>
  <li *ngFor="let item of (data$ | async)"> {{ item }} </li>
</ul>

//in your component

//usual angular stuff
export class MyComponent implements OnInit {
  data$: Observable<String[]>;
  constructor(private knowledgeMan: YourServiceInterface){}

  ngOnInit() {
    data$ = this.knowledgeMan.getUserAllowedCases(Item.ItemNumber);
  }
}