2017-05-05 59 views
0

我有一個可以顯示模態的Angular2應用程序。對於我稱之爲注射的方法,一個JS類中:Angular2自定義模態身體

@Injectable() 
public showErrorDialog(errorMessage:string, isError:boolean) { 

    this.modal.alert() 
    .size('sm') 
    .showClose(true) 
    .title("Modal Title") 
    .body(errorMessage) 
    .open(); 
} 

現在我身定製的模式,通過改變背景和文本樣式。 我該怎麼辦?

回答

0

你有幾個選擇 - 你是通過一個組件使用它嗎?您可以添加樣式或styleUrl屬性(https://angular.io/docs/ts/latest/guide/component-styles.html)。或者,您還可以查看使用Chrome的開發人員工具(或您首選瀏覽器的開發人員工具)構建模式的方式,並查看模式使用的是哪些類,並添加自定義CSS文件以設置所需的值。

+0

我在裏面使用app.component(整個應用程序的主要組件) – giozh

+0

你可以嘗試添加這樣的東西到你的組件 - > style:['.text-intro span {color:#0f0;}' ] - 這應該改變標題爲綠色。正如我前面所說的,使用chrome dev工具來檢查你可以設計哪些元素。 – Tamas