如何在值更改时更改离子输入的属性"name"？

Question

我正在使用 Ionic3+AngularJS 构建一个混合应用程序，但我坚持这样做：

我有这样的输入：

<ion-input name="test" type="number" placeholder="0" text-center></ion-input>

当用户更改此输入的值时，我需要属性 "name" 也更改其值，如下所示：

<ion-input name="test-changed" type="number" placeholder="0" text-center></ion-input>

这可能吗？ 需要帮助！

Answer 1

您将模板更改为：

<ion-input [name]="name" [(ngModel)]="value" (ngModelChange)="onValueChange()" type="number" placeholder="0" text-center></ion-input>

并且在组件ts文件中：

@Component(...)
export class MyComponent {

    public value: string;
    public name: string = 'test';

    onValueChange() {
        this.name = 'test-changed';
    }

}

如果您希望仅当输入中有内容时名称才变为 test-changed，您可以将方法 onValueChange() 更改为：

this.name = this.value ? 'test-changed' : 'test';