Javascript 如何绑定每次ng点击提交一次?
我正在为jira开发一个angular-node.js应用程序,作为一个云插件,我有一个按钮,单击该按钮会触发post请求。我面临一个奇怪的问题,这个帖子请求被调用的次数是按钮被点击的次数。例如,如果我第一次单击按钮-post请求被调用一次,如果我再次单击,这是post请求执行两次的第二次,依此类推。一旦我刷新页面,它将再次从零开始。代码如下: 控制器代码:Javascript 如何绑定每次ng点击提交一次?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我正在为jira开发一个angular-node.js应用程序,作为一个云插件,我有一个按钮,单击该按钮会触发post请求。我面临一个奇怪的问题,这个帖子请求被调用的次数是按钮被点击的次数。例如,如果我第一次单击按钮-post请求被调用一次,如果我再次单击,这是post请求执行两次的第二次,依此类推。一旦我刷新页面,它将再次从零开始。代码如下: 控制器代码: $scope.addActor = function(){ AP.require('dialog', function(dialo
$scope.addActor = function(){
AP.require('dialog', function(dialog){
dialog.create({
key: 'actor-content',
width: '40%',
height: '30%',
chrome: true,
});
});
AP.require('events', function(events){
events.on('customEvent', function(){
console.log(arguments[0]);
var data = {
productName: $scope.productName,
checked: false,
actor: arguments[0]
};
$http.post('/addActor', data)
.success(function(data){
$scope.actors = [];
for (var actor in data){
console.log(data[actor].checked)
console.log(data[actor].actor)
$scope.actors.push({
checked : data[actor].checked,
id : data[actor].actor
});
}
AP.require("messages", function(messages){
//create a message
var message = messages.success('','Actor added');
setTimeout(function(){
messages.clear(message);
}, 2000);
});
/*$scope.formData = {};*/
}).error(function(data){
AP.require("messages", function(messages){
//create a message
var message = messages.error('','Error in Adding Actor');
setTimeout(function(){
messages.clear(message);
}, 2000);
});
});
});
});
};
dialogActor.hbs
<body style="background:white">
<div class="aui-dialog2-content">
<script>
$(document).one('click', function(e) {
// initialization here
AP.require('dialog', function(dialog) {
dialog.getButton('submit').bind(function() {
AP.require('events', function(events){
var actor = $('#actor').val();
events.emit('customEvent', actor);
});
dialog.close();
});
dialog.getButton('cancel').bind(function () {
dialog.close();
});
});
});
</script>
<form class="aui" action="#" name="jiraform" id="actorform">
<div class="content">
<div class="field-group">
<label for="summary">Actor<span class="aui-icon icon-required">Required</span></label>
<input type="text" value="" name="actor" id="actor" class="text long-field" data-aui-validation-field data-aui-validation-required="required" required>
<span class="actorError" style="color: #880000"></span>
</div>
</div>
</form>
</div>
</body>
$(文档)。一('点击',函数(e){
//这里初始化
AP.require('dialog',函数(dialog){
dialog.getButton('submit').bind(函数(){
AP.require('事件'),功能(事件){
var actor=$('#actor').val();
events.emit('customEvent',actor);
});
dialog.close();
});
dialog.getButton('cancel').bind(函数(){
dialog.close();
});
});
});
要求的演员
从
AP.require('events', function(events){
events.on('customEvent', function(){
})
})
AP.require('events', function(events){
events.once('customEvent', function(){
})
})
解决了这个问题。这确保事件发生一次。从
AP.require('events', function(events){
events.on('customEvent', function(){
})
})
AP.require('events', function(events){
events.once('customEvent', function(){
})
})
解决了这个问题。这可确保事件发生一次。如何从网络选项卡或控制台.log()识别多次发出的请求?如何从网络选项卡或控制台.log()识别多次发出的请求???