Ionic 对输入属性的访问

zqdjd7g9  于 2023-08-01  发布在  Ionic
关注(0)|答案(1)|浏览(123)

我试图使用@Input访问Angular的属性值,但总是未定义。

<ion-input type="text" placeholder="{{dat.nombre}}" [miName]="'hola'" label="" [(ngModel)]="nombre"></ion-input>
<div class="btnSmt">
    <ion-button class="btn1 color-primary-btn" (click)="envDatos()">Actualizar Datos</ion-button>
</div>

个字符
我已经尝试了所有的事情说这个页面:https://www.youtube.com/watch?v=I-EAMQFgQy4但什么都不起作用。
我尝试发送输入的值if是full,另一个值(放置在属性中)if是empty。
你知道还有别的办法吗?

kuarbcqp

kuarbcqp1#

根据您提供的代码,似乎您正在尝试使用属性绑定语法[miName]=“'hola'"将值传递给miNameinput属性。但是,属性绑定语法用于绑定DOM元素属性,而不是组件输入属性。若要将值传递给miName输入属性,则应改为使用属性绑定。修改代码如下:

代码.html

<ion-input type="text" placeholder="{{dat.nombre}}" [miName]="'hola'" label="" [(ngModel)]="nombre"></ion-input>
<div class="btnSmt">
    <ion-button class="btn1 color-primary-btn" (click)="envDatos()">Actualizar Datos</ion-button>
</div>

字符串
在组件类中,从miName属性中删除@Input装饰器,因为您没有从父组件接收此值:

代码.ts

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-ficha-ub',
  templateUrl: './ficha-ub.page.html',
  styleUrls: ['./ficha-ub.page.scss'],
})
export class FichaUbPage implements OnInit {

  id: any;
  nombre!: string;
  miName = 'hola';

  constructor(private activatedRoute: ActivatedRoute, private http: HttpClient) { }

  ngOnInit() {}

  envDatos(){
    console.log(this.nombre);
    console.log(this.miName);
  }
}

相关问题