Javascript 将数据从我的控制器发送到我的ngDialog
在我的控制器中,我有以下代码,我从html模板中的一个表中获取id,从服务中获取一个对象,然后返回ngDialog以显示编辑此数据并保存在我的api rest中:Javascript 将数据从我的控制器发送到我的ngDialog,javascript,angularjs,Javascript,Angularjs,在我的控制器中,我有以下代码,我从html模板中的一个表中获取id,从服务中获取一个对象,然后返回ngDialog以显示编辑此数据并保存在我的api rest中: (function() { 'use strict'; angular .module('app') .controller('FraseController', FraseController); FraseController.$inject = ['FraseServi
(function() {
'use strict';
angular
.module('app')
.controller('FraseController', FraseController);
FraseController.$inject = ['FraseService','ngDialog'];
function FraseController(FraseService,ngDialog) {
var vm = this;
vm.texto = rpeuba;
vm.iden = 0;
vm.efrase = '';
vm.edit = function(){
FraseService.get().then(function(response){
console.log(response.data.response);
vm.efrase = response.data.response;
ngDialog.open({
template: 'newFrase',
scope: this
});
});
}
}
}());
在此html代码中:
<script type="text/ng-template" id="newFrase">
<h1>Nueva Frase {{vm.texto}}</h1>
<div class="modal-body">
<div class="row">
<div class="form-group">
<label for="frase" class= "col-lg-2 espaciar">Frase: </label>
<div class="col-lg-10">
<input ng-model="frase.efrase.frace" type="text" name="frase" id="frase" class="form-control" placeholder="Escriba su frace aquí">
</div>
<br>
<label for="autor" class= "col-lg-2 control-label espaciar">Autor: </label>
<div class="col-lg-10 ">
<input type="text" name="autor" name="autor" class="form-control" placeholder="Escriba el Autor aquí">
</div>
<br>
<label class="col-lg-2 espaciar">Banner: </label>
<div class="col-lg-10">
<select name="banner" class="form-control selectize-input espaciar">
<option value="0"><< Ninguno >></option>
<option ng-repeat="itemb in FraseController.lbanner" value="{{itemb.id}}">
{{itemb.titulo}}
</option>
</select>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-default"
ng-click="closeThisDialog('tiempo')">Cancelar</button>
<input name="submit" value="Insertar" class="btn btn-primary" title="Insertar" type="submit">
</div>
</script>
我想在我的ngDialog中显示来自控制器的数据,以编辑一个帧早上好,下面是如何解决我在ngDialog中的所有问题。 当我运行ngDialog.openConfirm以获得我所称的ngDialog.openConfirm的答案时,在响应中运行我的控制器方法,并将一个对象作为参数传递,该对象使用您的数据。 这是我删除frase的代码。 我的控制器中的JS:
vm.drop = function(__frase){ //Drop the frase
ngDialog.openConfirm({
template: '<h3>You are sure to delete the phrase<h3> '+
'<div class="modal-footer"> '+
'<button type="button" '+
'ng-click=closeThisDialog("Cancel") '+
'class="btn btn-default">Cancel'+
'</button> '+
'<button type="button" '+
'ng-click=confirm(dfrase.frase.id) '+
'class="btn btn-primary">Delete</button> '+
'</div>',
plain:true,
controllerAs: 'dfrase',
controller: [function() {
var vm = this;
vm.frase = __frase;
}]
})
.then(
function(value) { //ok
FraseService.drop(value).then(function(response) {
console.log(response.data.response);
});
refresh();
},
function(value) { //cancel
console.log(value);
}
);
}
FraseService consumer是它与我的api和刷新方法交互的一个因素,它刷新我的frase列表项。
D问候语