在我的图书目录应用程序中,我有一个模态,如果找不到该书,则由图书控制器将其渲染。
该视图将打开一个模态并具有一个操作:确定。这直接来自Bootstrap文档和API:
const arrayIn = [{
phoneNumbers: [{
label: 'work',number: '+3476859087'
},{
label: 'mobile',number: '+4567893214'
}],lookupKey: "12345",company: "PHONE",firstName: "John",contactType: "person",name: "John Smith",id: "879",emails: [{
email: 'johnSmith@gmail.com'
}],lastName: "Smith",},{
phoneNumbers: [{
label: 'mobile',{
label: 'work',number: '+4567773214'
}],lookupKey: "890744",firstName: "Carl",name: "Carl Johnson",emails: [{
email: 'cjohnsonh@gmail.com'
}],lastName: "johnson",}
]
let arrayOut = arrayIn.reduce((acc,{
name,phoneNumbers,emails
}) => {
return [...acc,{
'name': name,'phone': phoneNumbers[0]['number'].replace('+',''),'email': emails[0].email
}];
},[]);
console.log(arrayOut);
单击“确定”按钮,将触发以下控制器方法:
.modal style="display: block;" role="dialog" tabindex="-1"
.modal-dialog role="document"
.modal-content
.modal-header
h5.modal-title Modal title
.modal-body
p Book Was Not Found
.modal-footer
= link_to book_not_found_path,:method => :put do
button.btn.btn-primary data-dismiss="modal" type="button"
= "OK"
我希望这种控制器方法可以关闭当前浏览器窗口(不一定要结束会话,只需关闭当前浏览器窗口)。
有什么想法要完成吗?