TypeError : 정의되지 않은 'display'속성을 설정할 수 없습니다.

Question

ionic으로 앱을 개발하고 있습니다. 버튼이있는 메인 페이지와 사용자 정의 스타일을 가진 div가있는 세부 정보 페이지가 있습니다. 사용자가 버튼을 클릭하면 riempiSotterraneo()가 호출되고 세부 정보 페이지가 표시됩니다. div의 스타일을 페이지의 scss 및 app.scss에 추가하려고 시도했지만 스타일이 존재하지 않는 것처럼이 오류가 발생합니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 미리 감사드립니다.

CREA-sotterraneo.ts

import {Component, ViewChild} from '@angular/core'; 
    import {IonicPage, NavController, NavParams, Platform} from 'ionic- 
angular'; 
    import {CommonFunctions} from "../../commons/functions"; 


@IonicPage() 
@Component({ 
    selector: 'page-crea-sotterraneo', 
    templateUrl: 'crea-sotterraneo.html', 
}) 
export class CreaSotterraneoPage { 
    @ViewChild('risultato') risultato ; 

    constructor(public platform: Platform, 
      public navCtrl: NavController, 
      public navParams: NavParams, 
      private commonFunctions: CommonFunctions) { 

    this.riempiSotterraneo(); 

    } 



    riempiSotterraneo(){ 
console.log('CreaSotterraneoPage riempiSotterraneo inizio'); 
    this.svuotaTutto(); 
    var sott = this.commonFunctions.generaSotterraneo(); 
console.log('CreaSotterraneoPage riempiSotterraneo sott:' + sott); 
    if (sott == "stanza"){ 
    this.riempiStanza(); 
    } else if (sott.toLowerCase().startsWith("c")){ 
    this.riempi(this.getCorridoioImage(sott)); 
    } else { 
    this.riempi(sott); 
    } 

} 

svuotaTutto() { 
    console.log('CreaSotterraneoPage svuotaTutto inizio'); 

} 

riempiStanza() { 

} 

getLungo(direz){ 
console.log('CreaSotterraneoPage getLungo inizio'); 

} 

getLato(aper, direz, ingresso){ 
    console.log('CreaSotterraneoPage getLato inizio'); 

} 

riempi(risultato){ 
    console.log('CreaSotterraneoPage riempi inizio'); 
    this.platform.ready().then(() => { 
    this.risultato.style.display = 'block'; 
    this.risultato.innerHTML = risultato; 
    }); 
} 

getCorridoioImage(corridoio) { 
    console.log('CreaSotterraneoPage getCorridoioImage inizio'); 

} 

} 

CREA-sotterraneo.html

<ion-header> 
<ion-navbar> 
<ion-title>{{ 'scopri_sotterraneo' | translate}}</ion-title> 
</ion-navbar> 
</ion-header> 

<ion-content padding> 
    <div #risultato class="risultato">&nbsp;</div> 

</ion-content> 

CREA-sotterraneo.scss

page-crea-sotterraneo { 
.risultato { 
font-size: 12pt; 
border: solid 2px black; 
padding: 10px; 
overflow-y: auto; 
overflow-x: auto; 
/*display: flex;*/ 
flex-direction: column; 
} 
} 

Answer 1

이 줄 :

<div #risultato class="risultato">&nbsp;</div> 

가되어야한다

이

<div id="risultato" class="risultato">&nbsp;</div>