代码之家 › 专栏 › 技术社区 › Mohammad Shadmehr

角度2-错误不能分配给引用或变量

ng-template angular2-ngmodel angular

0

Mohammad Shadmehr · 技术社区 · 6 年前

我用角2。我有2个嵌套 ng-template 如下:

<ng-template ngFor let-support [ngForOf]="support">
 <div class="row">
    <div class="col-sm-3">
       <div class="form-group form-float">
          <div class="form-line focused">
             <select [ngModelOptions]="{standalone: true}" [(ngModel)]="support.option" class="form-control">
                 <option value="1">1</option>
                 <option value="2">2</option>
                 <option value="3">3</option>
                 <option value="4">4</option>                                   
             </select>
             <label class="form-label">Option</label>
           </div>
         </div>
       </div>
    <div class="col-sm-3">
       <ng-template ngFor let-op3 [ngForOf]="support.option3">
          <select [ngModelOptions]="{standalone: true}" [(ngModel)]="op3" class="form-control">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
          </select>
          <label class="form-label">Option3</label>
       </ng-template>
    </div>
  </div>
</ng-template>

没有内腔它也能正常工作 NG模板 . 如果具有内部循环,则会引发以下错误:

core.js:1449错误错误:未捕获(承诺中):错误:无法分配引用或变量!错误:无法分配给引用或变量!

以下是支持模型:

{
"support": [
      {
        "option": "string",
        "option2": "string",
        "option3": ["string"]
      }
   ]
}

1 回复 | 直到 6 年前

1

0

Mohammad Shadmehr 6 年前

刚刚找到它!我必须将内部绑定更改为:

<ng-template ngFor let-op3 [ngForOf]="support.option3" let-op3Index="index2">
    <div class="row">
         <div class="form-group form-float">
             <div class="form-line focused">
                <select [ngModelOptions]="{standalone: true}" [(ngModel)]="op3[index2]" class="form-control">
                    <option value="xxx">xxx</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
              <label class="form-label">Option3</label>
            </div>
          </div>
        </div>
      </ng-template>