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 文件来设置您想要的值。