Angular 5-输入文本和ngModel时的奇怪行为

Question

接受这个基本输入

<form (submit)="input_button($event)">
        <input
            type="text"
            [(ngModel)]="input_text"
            name="code"/>
            <br/>

    <input
        type="submit"
        value="Ok"/>
    </form>
    {{input_text}}

使用简单的字符串在组件中输入文本。很好，很好。双向数据绑定正在工作，您可以在按钮下方看到您输入的值。

现在，将组件中的输入_文本替换为

input_text:Array<string> = ['A', 'B', 'C', 'D'];

在你的模板中尝试以下方法：

<form (submit)="input_button($event)">
        <input
            *ngFor="let text of input_text; let i = index"
            type="text"
            [(ngModel)]="input_text[i]"
            name="code_{{i}}"/>
            <br/>

    <input
        type="submit"
        value="Ok"/>
    </form>
    {{input_text}}

您有4个输入，以及初始化（具有正确的名称）。但是当您尝试将文本放入字段时，您失去了焦点并且input_text数组保持不变（{{input_text}}始终显示相同的数组）

将[（ngModel）]=“输入文本[i]”替换为[（ngModel）]=“文本”不起任何作用

有人能解释一下这里发生了什么吗？

谢谢！

Answer 1

好吧，trackBy正在工作，但{{input_text}}不会触发，因为它是一个对象

谢谢大家帮忙

Answer 2

在组件input_text:Array中尝试init

<form (submit)="input_button($event)">
    <input
        *ngFor="let text of input_text; let i = index"
        type="text"
        [(ngModel)]="input_text[i].name"
        name="code_{{i}}"/>
        <br/>

<input
    type="submit"
    value="Ok"/>
</form>
{{input_text | json}}