Tengo problemas para manipular el DOM con angular 5
Lo que estoy tratando de hacer es agarrar la etiqueta p con
#minu y @ViewChild('minu') minu ;
pero al hacer console.log(this.minu) el resultado que obtengo es
[object object]
en vez de la etiqueta
tambien intente obtener la etiqueta con document.getElementsByClassName('.minutes')
pero al imprimir esto por console.log me da undefiend
import {Component, ViewChild, ElementRef, Renderer2} from "@angular/core";
import { IonicPage, NavController, NavParams } from "ionic-angular";
@IonicPage()
@Component({
selector: "page-cvv-code",
templateUrl: "cvv-code.html",
})
export class CvvCodePage {
@ViewChild('minu') minu ;
minutes:any
seconds:any
cont = 0;
//
constructor(public navCtrl: NavController, public navParams: NavParams,private renderer: Renderer2) {
this.timer();
}
timer(){
let display = this.minu
let txt = this.renderer.createText('03:00 Min');
this.renderer.appendChild(display, 'ssdsdsdsa')
let threeMinutes = 60 * 3;
let timer = 180;
let minutes
let seconds
let i = setInterval(function () {
let m = timer / 60
let s = timer % 60
minutes = parseInt( m.toString(), 10);
seconds = parseInt(s.toString(), 10);
minutes = minutes < 10 ? '0' + minutes : minutes;
seconds = seconds < 10 ? '0' + seconds : seconds;
display.textContent = minutes + ':' + seconds + ' Min';
console.log(minutes + ':' + seconds + ' Min');
if (--timer < 0) {
clearInterval(i)
timer = threeMinutes;
}
}, 1000);
}
}
<p class="minutes" #minu></p>