javascript - Angular - 如何对不同类型的错误进行动态警报？

Question

在我的网络应用程序中，我会显示加载内容的警报和出现错误时的另一个警报。

我正在使用 AngularJS/AngularStrap

现在这就是我所拥有的:

var noLinesAlert = $alert({
  title: 'Sorry, no lines at this moment :(',
  container: '.no-lines-alert',
  type: 'danger',
  dismissable: false,
  show: false
}),

loaderAlert = $alert({
  content: 'Loading content. Please wait...',
  container: '.alerts-container',
  type: 'info',
  show: true
  });

我以这种方式调用这些警报，例如 noLinesAlert.show() 或 loaderAlert.hide() 等等......但想象一下我会对于特殊情况还有 4 个警报，我是否必须每次都在内部创建带有对象的变量，或者有没有办法以编程方式进行更多操作？以及如何。

Answer 1

好吧，您可以将这 4 种特殊情况的“默认”设置存储在专用对象中，例如:ALERTS_SETTINGS = { notice: {} } ，然后调用会更加简洁:

var noticeOptions = angular.extend(ALERTS_SETTINGS.notice, { title: "My custom property one" })
var notice = $alert(noticeOptions)

使用 angular.extend 你可以用你在第二个参数中提供的设置覆盖原始对象的任何默认设置。