首页 > 解决方案 > html中的变量,角度

问题描述

我正在开发一个有角度的应用程序,在一个 html 文件中我有这样的东西

<div *ngFor="let var of list">
  <div>
     {{newVar.name}}
   <div>
</div> 

我的问题是我不知道如何在 div 中正确声明 newVar,因为我希望 newVar 是从以第一个 var 作为参数的组件中的函数返回的结果

所以我基本上想要类似的东西

newVar=func(var)

在使用 name 属性之前,我不知道该怎么做

我可以做 func(var).name 但我不只显示名称,所以我不想多次调用该函数

标签: htmlangulartypescript

解决方案


因此,您的解决方法类似于,list在 html 中流式传输并传递var给 typescript 函数func(var),将结果存储在newVar. 从那里你想name在 UI 中显示值。我的理解是否正确,我的建议是

ts

newVar = [];
///
func() {
  list.forEach(element=>{
    newVar.push(element);
  });
}

html

<div *ngFor="let var of newVar">
  <div>
     {{var.name}}
   <div>
</div> 

推荐阅读