代码之家 › 专栏 › 技术社区 › Nicoleta Wilskon

如何显示从一个页面导航到另一个页面的成功消息横幅

angular angularjs

Nicoleta Wilskon · 技术社区 · 5 年前

在成功消息中,我想从上传的页面导航到客户页面,并将我的警报突出显示为成功,但我的警报没有打开。需要解决方案

if (status == 200){
    $state.go('customer', {"id": $scope.customer});    
    $rootScope.$emit('custSucess');
}

客户.js

$rootScope.$on('custSucess',function(event){
         $scope.message = {
                content: [{
                   title: '',
                   msg:'hi'
                }],
                   type: 'success'
                };
});

0 回复 | 直到 5 年前

Mohsin Jillani 5 年前

所以我最终做的是创建一个服务来处理我的警报。服务代码如下:

app.factory('AlertService', function () {
  var success = {},
      error = {},
      alert = false;
  return {
    getSuccess: function () {
      return success;
    },
    setSuccess: function (value) {
      success = value;
      alert = true;
    },
    getError: function () {
      return error;
    },
    setError: function (value) {
      error = value;
      alert = true;
    },
    reset: function () {
      success = {};
      error = {};
      alert = false;
    },
    hasAlert: function () {
      return alert;
    }
  }
});

//我只要在需要的时候设置它:

AlertService.setSuccess({ show: true, msg: name + ' has been updated successfully.' });

if (AlertService.hasAlert()) {
  $scope.success = AlertService.getSuccess();
  AlertService.reset();
}`enter code here`

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前