这个问题是关于使用 bootstrap css 和 javascript 的 angularjs。
我有一个要显示和设置的项目列表,单击它们会打开一个对话框,允许您更改值。像这样的事情:
<!-- The repeater !-->
<ul>
<li ng-repeat="item in items" ng-click="showDlg(item)">
{{item.text}}
</li>
</ul>
<!-- The dialog !-->
<div id="dlg" class="modal hide fade">
<div class="modal body">
<input id="title" type="text">
<button type="button">ok</button>
</div>
<div>
问题是如何实现 showDlg 函数以将 #dlg 作为弹出对话框,其中预先填充了 item 中的字段(在这个简单的情况下,将 item.text 放入输入框中。)
事实上,我可以通过直接设置值来破解它:
$scope.showDialog = function(item) {
$("#dlg #title").val(item.text);
$(#dlg).modal({});
}
但在我看来,我应该为对话框使用控制器并将其设置为表单。我可以看到如何将其设置为表单,但不知道如何开始将数据放入表单中。
任何帮助,将不胜感激。
如果您愿意为 Twitter 的引导程序使用第 3 方、本机 AngularJS 指令,我今天回答了一个非常相似的问题:https://stackoverflow.com/a/15051565/1418796 https://stackoverflow.com/a/15051565/1418796
作为 angular-ui 的一部分,我们正在研究不需要依赖 twitter 的 JavaScript 的原生 AngularJS 指令:http://angular-ui.github.com/bootstrap/ http://angular-ui.github.com/bootstrap/。优点是您需要包含的依赖项较少,并且指令可以很好地集成到 AngularJS 生态系统中。
使用$dialog
来自提到的存储库的服务,您可以编辑列表中的项目,如下所示:http://plnkr.co/edit/PG0iHG?p=preview http://plnkr.co/edit/PG0iHG?p=preview
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)