Angularjs - 插入表单内的下拉列表:如何在提交表单之前将项目添加到下拉列表?
Angularjs - dropdown list inside an inserting form: how to add an item to the dropdown list before submit the form?
- 我有一个模态文本输入页面,其中有一个 "author" 下拉列表
- 有时 "author" 下拉列表中没有所需的作者项目
- 因此,用户必须关闭模态文本输入页面,转到模态 "author" 输入页面以插入新作者,然后才返回模态文本输入页面提交表单。
调用模态文本输入页面的代码如下:
vm.popupAddTextForm = function () {
var modalInstance = $modal.open({
templateUrl: '/add_text_modal/add_text_modal.view.html',
controller: 'add_text_modalCtrl as vm',
resolve : { modalDati : function () {
return {datatips : vm.datatips,
datatipbyid : vm.datatipbyid,
datasubtips : vm.datasubtips,
dataauts : vm.dataauts }
}
}
});
有没有一种方法可以通过单击 "Add new author" 按钮直接从模态文本输入页面调用模态 "author" 输入页面?
插入新作者后如何更新相关下拉列表?
提前致谢。
谢谢 Maxim Shustin 和 João Fé 我听从了你们的建议,我明白了!我希望能帮助分享过程的人:
- 我在 html 中插入 btn 以调用 vm.popupAddAutForm():
<div class="col-sm-4"><a ng-click="vm.popupAddAutForm()" class="btn btn-default pull-right" style="width: 100px;">Nuovo Autore</a></div>
- 我在模态文本输入页面中放入了调用 vm.popupAddAutForm():
的代码
//If Author is not present in the relative dropdown list
//I invoke modal author entry page
//(the modal text entry page is hidden and all data field remain in stand-by)
vm.popupAddAutForm = function () {
var modalInstance = $modal.open({
templateUrl: '/add_aut_modal/add_aut_modal.view.html',
controller: 'add_aut_modalCtrl as vm'
});
//after author insert I recall RestFul API to retrieve authors again and
//update the relative dropdown list
modalInstance.result.then(function(data) {
//refresh only the author dropdown list;
Data.AllAutori()
.then(function (response) {
vm.dataauts = {auts: response.data};
//alert(JSON.stringify(vm.datasubtips.subtips));
})
});
}
- 结果如下图:
modal text entry page
modal author entry page and hidden modal text entry page
- 我有一个模态文本输入页面,其中有一个 "author" 下拉列表
- 有时 "author" 下拉列表中没有所需的作者项目
- 因此,用户必须关闭模态文本输入页面,转到模态 "author" 输入页面以插入新作者,然后才返回模态文本输入页面提交表单。
调用模态文本输入页面的代码如下:
vm.popupAddTextForm = function () {
var modalInstance = $modal.open({
templateUrl: '/add_text_modal/add_text_modal.view.html',
controller: 'add_text_modalCtrl as vm',
resolve : { modalDati : function () {
return {datatips : vm.datatips,
datatipbyid : vm.datatipbyid,
datasubtips : vm.datasubtips,
dataauts : vm.dataauts }
}
}
});
有没有一种方法可以通过单击 "Add new author" 按钮直接从模态文本输入页面调用模态 "author" 输入页面? 插入新作者后如何更新相关下拉列表?
提前致谢。
谢谢 Maxim Shustin 和 João Fé 我听从了你们的建议,我明白了!我希望能帮助分享过程的人:
- 我在 html 中插入 btn 以调用 vm.popupAddAutForm():
<div class="col-sm-4"><a ng-click="vm.popupAddAutForm()" class="btn btn-default pull-right" style="width: 100px;">Nuovo Autore</a></div>
- 我在模态文本输入页面中放入了调用 vm.popupAddAutForm(): 的代码
//If Author is not present in the relative dropdown list
//I invoke modal author entry page
//(the modal text entry page is hidden and all data field remain in stand-by)
vm.popupAddAutForm = function () {
var modalInstance = $modal.open({
templateUrl: '/add_aut_modal/add_aut_modal.view.html',
controller: 'add_aut_modalCtrl as vm'
});
//after author insert I recall RestFul API to retrieve authors again and
//update the relative dropdown list
modalInstance.result.then(function(data) {
//refresh only the author dropdown list;
Data.AllAutori()
.then(function (response) {
vm.dataauts = {auts: response.data};
//alert(JSON.stringify(vm.datasubtips.subtips));
})
});
}
- 结果如下图: modal text entry page modal author entry page and hidden modal text entry page