javascript - 在 AngularJS 中将表单包装在弹出窗口中

我有以下表格:

<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 位置设为绝对位置并设置你想要的样式，然后你可以将 ng-show 绑定(bind)到它并控制显示/隐藏来自 Controller 的弹出窗口。

我在这里创建了一个 plunk，查看一下 http://embed.plnkr.co/z3dXmI/ 它会给你一个想法，但你可以根据自己的喜好设计它。

此外，我建议使用 UI 框架/库，例如 SemanticUI或Bootstrap

关于javascript - 在 AngularJS 中将表单包装在弹出窗口中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47013243/