代码之家 › 专栏 › 技术社区 › Node.JS

角度绑定到索引处的字符串数组

typescript angular

1

Node.JS · 技术社区 · 7 年前

rule.values )at索引( i )但是当我更改输入时,数组值不会更改,所以我认为绑定失败。我感谢任何帮助或暗示。谢谢你

<div *ngFor="let _ of rule.value; let i = index;" id="values">
  <div class="row">
    <div class="col-sm-3">
      Value #{{(i + 1).toString()}}
    </div>

    <div class="col-sm-6">
      <input type="text" class="form-control" id="values{{i}}" [ngModel]="rule.value[i]" name="values{{i}}" required>
    </div>

    <div class="col-sm-3">
      <button type="button" class="btn btn-default" (click)="rule.value.splice(i, 1)">
        <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
      </button>
    </div>
  </div>
</div>

1 回复 | 直到 7 年前

1

4

Lazar LjubenoviÄ 7 年前

当我更改输入时,数组值不会更改

您只指定了模型中的任何内容都应该通过使用 [ngModel]="rule.value[i]" . [] 括号中显示“型号->查看“关系”。

() 括号也是。

[(ngModel)]="rule.value[i]

( 像香蕉和香蕉 [] 是一个盒子。

使用和同时,这样基本上是一个捷径写两个“模型->视图和视图->“模型”绑定。上述代码的完整版本为:

[ngModel]="rule.value[i]"
(ngModelChange)="rule.value[i] = $event"

顺便说一句:

Value #{{(i + 1).toString()}}

.toString() ,在模板中插入时,所有内容都将自动转换为字符串。