我有以下表格:
<form ng-submit="$ctrl.submit({from:$ctrl.from, to:$ctrl.to})">
<label>From:
<input type="text" name="input" ng-model="$ctrl.from">
</label>
<label>To:
<input type="text" name="input" ng-model="$ctrl.to">
</label>
<input type="submit" id="submit" value="Apply" />
</form>
我在网上寻找一种将它包装在弹出窗口中的方法,但没有找到任何关于它的信息。
现在表单一直出现在屏幕上,我想要做的是让它在单击时显示为弹出窗口。
有没有办法做到这一点?
你可以做的是用一个 div 包裹你的表单,并根据需要将该 div 位置设置为绝对和样式,并且你可以将 a 绑定ng-show
到它并从控制器控制弹出窗口的显示/隐藏。
我在这里创建了一个 plunk 检查它http://embed.plnkr.co/z3dXmI/它会给你一个想法,但你可以随意设计它。
另外,我建议使用 UI 框架/库,例如SemanticUI或Bootstrap
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句