Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从数组在DOM中追加元素_Javascript_Angular - Fatal编程技术网

Javascript 从数组在DOM中追加元素

Javascript 从数组在DOM中追加元素,javascript,angular,Javascript,Angular,我有: 他们提出: items = [ { name: 'David', star: 5 }, { name: 'George', star: 2 }, { name: 'Michael', star: 0 }, { name: 'Tim', star: 1 }, ] 等等 如何添加: Hello Tim 等等? 大概是这样的: st

我有:

他们提出:

items = [
    {
      name: 'David',
      star: 5
    },
    {
      name: 'George',
      star: 2
    },
    {
      name: 'Michael',
      star: 0
    },
    {
      name: 'Tim',
      star: 1
    },
]
等等

如何添加:

Hello Tim
等等? 大概是这样的:

star: 1
if(this.items.star==2){
}
(这只是一个“if语句”的例子,用来理解发生了什么)

我的笨蛋:

您可以通过以下方式使用
*ngIf
模板装饰器:

if (this.items.star == 2) {
   <i class="fa fa-star"></i>
   <i class="fa fa-star"></i>
}

star: 1
if (this.items.star == 2) {
   <i class="fa fa-star"></i>
   <i class="fa fa-star"></i>
}
<div *ngFor="let item of items">
  <i class="fa fa-star" *ngIf="item.star === 1></i>
  <h2>Hello {{item.name}}</h2>
</div>