Angular2定制模态体

Question

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

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

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

现在，我将通过更改背景和文本样式来自定义模态体。 我该怎么办？

Answer 1

您有几个选择 - 您是通过组件使用它吗？您可以添加样式或styleUrl属性（https://angular.io/docs/ts/latest/guide/component-styles.html）。或者，您还可以使用Chrome的开发人员工具（或首选浏览器的开发人员工具）查看模态的构建方式，并找出模态正在使用的类，并添加自定义css文件以设置所需的值。