Javascript Angular2定制模态体

Javascript Angular2定制模态体,javascript,angular,angular2-modal,Javascript,Angular,Angular2 Modal,我有一个Angular2应用程序,可以显示模态。为此,我在Js类中调用一个可注入方法: @Injectable() public showErrorDialog(errorMessage:string, isError:boolean) { this.modal.alert() .size('sm') .showClose(true) .title("Modal Title") .body(errorMessage) .open(); } 现在

我有一个Angular2应用程序,可以显示模态。为此,我在Js类中调用一个可注入方法:

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

    this.modal.alert()
    .size('sm')
    .showClose(true)
    .title("Modal Title")
    .body(errorMessage)
    .open();
}
现在,我将通过更改背景和文本样式来定制模态的主体。
我该怎么做?

您有几个选项-您是通过组件使用它吗?您可以添加样式或样式URL属性()。或者,您也可以查看如何使用Chrome的开发工具(或您首选的浏览器开发工具)构建模式,找出模式使用的类,并添加自定义css文件来设置所需的值。

我正在使用app.component内部(整个应用程序的主要组件)您可以尝试在组件->样式:['.text intro span{color:#0f0;}']中添加类似的内容-这应该将标题更改为绿色。正如我前面所说的,使用chrome开发工具检查您可以设置哪些元素的样式。