代码之家 › 专栏 › 技术社区 › KSK

使用什么技术可以访问放在*ngFor下的DOM元素(get和set value)

typescript angular

1

KSK · 技术社区 · 7 年前

<span> , <select> 元素。我的代码模板如下

<div *ngFor="---">
  <div>
    <span></span>
    <select>
     <option></option>
     <option></option>
     <option></option>
    </select>
  </div>
</div>

2 回复 | 直到 7 年前

1

2

Itamar 7 年前

在Angular2+中可以使用以下技术。尝试获取Select例如:

<div #wrapper> 
    <div *ngFor="---; i = index">
      <div>
        <span></span>
        <select [(ngModule)]="'selectElement' + i">
         <option></option>
         <option></option>
         <option></option>
        </select>
      </div>
    </div>
</div>

在同一个组件.ts文件中:

 @ViewChildren('wrapper') wrapper: QueryList<any>;

然后你所需要做的就是:

this.wrapper

或者使用所有不同的selectElement引用ngFor中的索引

2

3

Akj 7 年前

QueryList &安培; ViewChildren *ngFor ;

  ngAfterViewInit() {
    console.log(this.sp1)
  }

  @ViewChildren('swrapper') sp1: QueryList<any>;

HTML格式:

<div #wrapper> 
    <div *ngFor="---; i = index">
      <div>
        <span></span>
        <select [(ngModule)]="'selectElement' + i">
         <option></option>
         <option></option>
         <option></option>
        </select>
      </div>
    </div>
</div>