Muy buenas, les explico, para poder aplicar algún estilo a un elemento que es propio del DOM hago lo siguiente:
Alguna pagina.ts:
import { Component, OnInit, ElementRef, ViewChild} from '@angular/core';
//Dentro de la clase:
@ViewChild('profilePicture') profilePicture: ElementRef;
//Y para cambiarle algun estilo o propiedad a este elemento hago algo como:
profilePicture.nativeElement.style.color = "#000";
HTML de alguna pagina.ts:
<ion-content>
<div [ngStyle]="{'background-image': 'url(' + image_data + ')'}"
#profilePicture class = "profile_picture">
<ion-content>
Eso funciona por que es un div, (Un elemento propio del DOM)... ¿Y si el elemento al que intento referirme es propio de ionic?, es decir:
<ion-card-content class = "animableCard" #cardContent>
//Mas elementos
</ion-card-content>
Yo asi accedo al elemento:
@ViewChild('cardContent') cardContent: ElementRef;
pero el problema es que al hacer esto, el elemento ya no tiene una propiedad nativeElement, por lo que no puedo acceder tampoco a la propiedad style del elemento, ¿Y entonces como hago para cambiar un estilo desde la pagina.ts?, requiero hacerlo desde ahi, ya que requiero que una funcion que cambia el estilo de ese elemento se ejecute justo al cargar la pagina.