代码之家  ›  专栏  ›  技术社区  ›  Bruno Santos

当离子输入的值发生变化时,如何更改其属性“name”?

  •  0
  • Bruno Santos  · 技术社区  · 6 年前

    我正在使用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>
    

    有可能吗? 需要帮助!

    1 回复  |  直到 6 年前
        1
  •  0
  •   Lucas Basquerotto    6 年前

    您将模板更改为:

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