Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么我不能在AngularJs工厂中获取更新值?_Angularjs_Angularjs Scope_Angularjs Factory - Fatal编程技术网

为什么我不能在AngularJs工厂中获取更新值?

为什么我不能在AngularJs工厂中获取更新值?,angularjs,angularjs-scope,angularjs-factory,Angularjs,Angularjs Scope,Angularjs Factory,我正在尝试更新,然后获取AngularJs工厂的更新值,我在一个范围内设置值,并尝试在另一个范围内获取值,我正在设置一个工厂来处理我应用程序中的弹出消息,所以我不想重复我自己,我只希望一个工厂来处理消息 myApp.factory('msg',function ($modal) { factory = {}; factory.text = ''; factory.modal; factory.response; factory.window = fun

我正在尝试更新,然后获取AngularJs工厂的更新值,我在一个范围内设置值,并尝试在另一个范围内获取值,我正在设置一个工厂来处理我应用程序中的弹出消息,所以我不想重复我自己,我只希望一个工厂来处理消息

myApp.factory('msg',function ($modal) {
    factory = {};

    factory.text = '';
    factory.modal;
    factory.response;

    factory.window = function () {
        this.modal = $modal.open({
            templateUrl:'partials/message/confirm.html',
            controller:'cms'
        });
    }

    factory.setText = function (text) {
        this.text = text;
    }

    factory.getResponse = function () {
        return this.response;
    }

    factory.confirm = function () {
        this.modal.close();
        this.response = true;
    }

    factory.cancel = function () {
        this.modal.close();
        this.response = false;
    }

    factory.confirmSave = function () {
        this.text = 'save';
        this.window();
    }

    factory.confirmUpdate = function () {
        this.text = 'update';
        this.window();
    }

    factory.confirmDelete = function () {
        this.text = 'delete';
        this.window();
    }


    return factory;
});
用户控制器

myApp.controller('users',function ($scope,$location,$http,msg) {
    $http.get('api/v1/users')
    .success(function (data,status) {
        $scope.user = data;
    })
    .error(function (data,status) {
        $location.path('/login');
    });

    $scope.showWrite = function () {
        $scope.write = true;
    }

    $scope.closeWrite = function () {
        $scope.write = false;
        $scope.newUser = '';
    }

    $scope.save = function () {
        $http.post('api/v1/users/store',$scope.newUser)
        .success(function (data,status) {

            $scope.user.unshift({
                first_name: $scope.newUser.first_name,
                last_name: $scope.newUser.last_name,
                email: $scope.newUser.email,
                role: $scope.newUser.role
            });

            $scope.write = false;
            $scope.newUser = '';
        })
        .error(function (data,status) {
            alert('failed');
        });
    }

    $scope.confirmDelete = function (index,id) {
        msg.confirmDelete();
        if(msg.getResponse() === true){
            $http.get('api/v1/users/destroy/'+id)
            .success(function (data,status) {
                $scope.user.splice(index,1);
            })
            .error(function (data,status) {
                alert('failed');
            });
        };
        console.log(msg.getResponse());
    }

    $scope.showUserInfo = function () {

    }

});

您提供的代码似乎工作正常,问题出在其他地方,可能在
cms
controller或
confirm.html
模板中。我已经和你们的工厂达成协议,在那里你们可以看到它的现场

index.html

<div ng-controller="ctrl1">
  <button ng-click="msg.confirmSave()">confirm save</button>
  <span ng-if="msg.getResponse() !== undefined">Response: {{msg.getResponse()}}</span>
</div>
<h1>{{msg.text}}</h1>
<button ng-click="msg.confirm()">Confirm</button>
<button ng-click="msg.cancel()">Cancel</button>
一些提示:

  • 使用
    var factory={}
    而不是
    factory={}
    ,以声明局部变量,而不是偶尔重写全局
    factory
  • factory.modal
    工厂响应
    不要像您期望的那样在
    工厂
    对象中声明相关属性,而是返回
    未定义的
    ,因此只需删除它们,因为它们是无用的
  • factory.setText
    facory.getResponse
    是多余的,因为
    factory.text
    factory.response
    factory
    的公共属性。如果要使它们成为工厂的私有对象,请将它们声明为
    var text
    var响应
    并相应地更改访问器方法。在这种情况下,将
    getText
    添加到工厂也很有用
  • 如果您计划仅从您的工厂访问
    factory.modal
    ,最好将其封装到您的工厂(使其私有),如前一项所述
  • 仅从工厂公开公共API(例如,不要公开
    窗口
应用所有提示后,您的工厂可能如下所示:

factory('msg',['$modal', function ($modal) {
    var text = '',
        modal,
        response;

    function window () {
        modal = $modal.open({
            templateUrl:'confirm.html',
            controller:'cms'
        });
    }

    return {
      setText: function (_text_) {
        text = _text_;
      },
      getText: function() {
        return text;
      },
      getResponse: function () {
        return response;
      },
      confirm: function () {
        modal.close();
        response = true;
      },
      cancel: function () {
        modal.close();
        response = false;
      },
      confirmSave: function () {
        text = 'save';
        window();
      },
      confirmUpdate: function () {
        text = 'update';
        window();
      },
      confirmDelete: function () {
        text = 'delete';
        window();
      }
    };
  }]);
这是一本书

编辑:

在您使用控制器代码更新帖子后,我很清楚:真正的问题是您同步使用了
confirmDelete()
,但它是异步的(因为将来一旦用户单击确认或取消,就会返回值)!为了处理异步工作人员,angular提供了一个服务。为了使用它,您应该在
factory.confirmSave()
factory.confirmUpdate()
factory.confirmDelete()
中创建延迟对象,返回它的承诺,并在
factory.confirm()和
factory.cancel()中解决/拒绝它。一旦承诺被解析或拒绝,您就可以从
工厂
获取该值,或者直接将其作为相关回调的参数获取

工厂

function confirmDelete() {
  deferred = $q.defer();
  text = this;
  window();
  return deferred.promise;
}
控制器

msg.confirmDelete().then(function(value) {
    // Resolved
    $scope.response = value;
}, function(value) {
    // Rejected
    $scope.response = value;
});

完整示例请参见下文。

此处也可以,但正如您所说,问题似乎出在其他控制器上,我使用的是anngularjs+foundatio,因此我使用的是模态指令,“cms”控制器仅用于显示模态内容,我正在调用“msg”工厂并将其注入另一个控制器,并尝试对响应采取行动,因此当用户确认时,“msg”工厂“响应”属性将更新为“true”,问题是我只能在第二次单击时获得正确的响应,检查更新的code@munzx请参阅我的上一次编辑。我想我找到了问题的根本原因。谢谢,伙计,这真的很有帮助,你太棒了,再次感谢:)如果你能帮我做这件事,我将不胜感激!!!!再次感谢:)
msg.confirmDelete().then(function(value) {
    // Resolved
    $scope.response = value;
}, function(value) {
    // Rejected
    $scope.response = value;
});