为什么我不能在AngularJs工厂中获取更新值?
我正在尝试更新,然后获取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
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;
});