0

Estoy trabajando con ionic 2 y tengo una variable que quiero acceder en un evento en mi código html, pero por consola me sale indefinida, ¿Como hago para tener alcance a dicha variable?

Código ts:

import { IonicPage, NavController, NavParams} from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-productos',
  templateUrl: 'productos.html',
})
export class Productos {
  nItemCart = 14;
  constructor(public navCtrl: NavController, public navParams: NavParams) {

  }
ionViewDidLoad() {
    //console.log('ionViewDidLoad Productos');
  }
}

Código html:

<input type="number" name="miinput" min="0" max="50" onfocus="console.log(nItemCart)" [(ngModel)]="producto.cantidad">

Resultado por Consola:

undefined
2
  • Tendrías que ponerlo afuera de cualquier función, evento, clase u objeto que no sea la clase misma donde la estás declarando, para que quede en un ámbito global, ya que si pones el código en fiddle funciona sin ningún tipo de referencia. jsfiddle.net/lixusrarnavo/y5njzs4y
    – Yikarus
    Commented el 7 jul. 2017 a las 21:31
  • puedes darme un ejemplo? Commented el 7 jul. 2017 a las 21:43

1 respuesta 1

0

Si entiendo bien tu pregunta quieres acceder a nItemCart en el momento que enfoques (focus) el input. Para eso puedes usar el evento (focus) de Angular 2:

Ver Demo

@Component({
  selector: 'my-app',
  template: `
    <input type="number" 
           min="0" 
           max="50" 
           (focus)="itemCart()">  
  `,
})
export class App {

  nItemCart:number = 0;

  constructor() {

    this.nItemCart = 1234;
  }

  itemCart() {
    console.log(this.nItemCart);
  }
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.