怎么用 angular 的 双击(ngDoubleClick)触发一个 modal 弹出?

发布于 2022-09-02 01:09:38 字数 180 浏览 6 评论 0

如题。
我看 stackoverflow 上这个http://jsfiddle.net/JKEj3/3/
用的是 herf,但是我测试之后并没有用。有没有用 ngDoubleClick 的解决方案?
(最好不需要再增加一个手写的 js 函数)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

<逆流佳人身旁 2022-09-09 01:09:39

解决了这个问题了,采用的是 Angular Bootstrap里范例的写法,结合一个template

<!-- Modal -->

<script type="text/ng-template" id="adminModalContent.html">
    <div class="modal-header" >
        <h3 class="modal-title">{{selected_worker.realname}}</h3>
    </div>
    <div class="modal-body">
        <ul>
        </ul>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
        <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
    </div>
</script>
hcompApp.controller('adminModalCtrl', function ($scope, $uibModalInstance, selected_worker) {

    $scope.selected_worker = selected_worker;

    $scope.ok = function () {
        $uibModalInstance.close();
    };

    $scope.cancel = function () {
        $uibModalInstance.dismiss('cancel');
    };
});
        $scope.open = function (size) {

            var modalInstance = $uibModal.open({
                animation: true,
                templateUrl: 'adminModalContent.html',
                controller: 'adminModalCtrl',
                size: size,
                resolve: {
                    selected_worker:  $scope.selected_worker
                }
            });
            modalInstance.result.then(
                function () {
                $log.info('Modal dismissed at: ' + new Date());
            });
        };
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文