javascript - 如何使用具有不同内容的相同警报(？)

Question

快速提问

我正在使用 Angular 带显示一些警报，每个警报都在不同的变量中，但我想避免这样做，有人告诉我使用 lodash 的 _.extend ，但是在这种特殊情况下我应该如何使用它？

var loaderAlert1 = $alert({
    animation: 'fx-bounce-right',
    content: 'Loading content, please wait...',
    container: '.alerts-container',
    type: 'info',
    show: true
  }),
  loaderAlert2 = $alert({
    animation: 'fx-bounce-right',
    content: 'Adding Line to BetSlip',
    container: '.alerts-container',
    type: 'info',
    show: false
  }),
  loaderAlert3 = $alert({
    animation: 'fx-bounce-right',
    content: 'Loading your messages, please wait...',
    container: '.alerts-container',
    type: 'info',
    show: false
  });

如您所见，几乎相同，但在某些情况下，显示属性设置为 true 或 false，并且 content: 也会更改。

我调用此警报的方式:loaderAlert1.show() 或 loaderAlert1.hide() 等等...

所以我想做类似的事情

var loaderAlert = $alert({
    animation: 'fx-bounce-right',
    content: 'Loading content, please wait...',
    container: '.alerts-container',
    type: 'info',
    show: true
  });

loaderAlert = {content: 'loading something else'};

loaderAlert = {content: 'loading something GREAT'};

loaderAlert = {content: 'loading only ROCK N ROLL'};

其中我只声明一个变量，然后一旦调用该变量，我就可以更改content:...但我不知道如何_.extend , here is the function I mentioned 。

Answer 1

我认为这应该可以解决问题:

   function customAlert( content ) {
         var loaderAlert = $alert({
            animation: 'fx-bounce-right',
            content: content,
            container: '.alerts-container',
             type: 'info',
            show: true
          });

         return loaderAlert;
    }

编辑:

var content = 'loading something else', // choose one of the three choices here
     loaderAlert = customAlert(content);