Question

我正在使用Angular2。我有2个嵌套的CGFloat，如下所示：

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>的情况下工作正常。具有内部循环会引发以下错误：

core.js：1449错误错误：未捕获（承诺）：错误：无法分配引用或变量！错误：无法分配给参考或变了！

以下是支持模式：

ng-template

Answer 1

刚刚找到它！我必须将内部绑定更改为：

<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>

Answer 2

我的ng-template名称引起的错误
与另一个ngModel参数名称相同。

<ng-template #test></ng-template>
<xx [(ngModel)]="test">

更改模板名称有效

Angular 2- Error无法分配给参考或变量

2 个答案: