Question

我正在使用this angular-bootstrap模式。

其内容：

<script type="text/ng-template" id="myModalContent.html">
    <div class="modal-body">
          <button id="my_button">Alert</button>
    </div>
</script>

我尝试过这两个选项：

$("#my_button").click(function(){
    alert("ALERT");
})

$("#my_button").on("click", function(){
    alert("ALERT");
})

如何访问该按钮？

Answer 1

使用Angular JS，您应该使用ng-click将事件处理程序链接到按钮。

像：

<a ng-click="iWillClick()">Click me</a>

将执行示波器的iWillClick功能（在相关控制器中）。检查this以了解ng-click的工作原理。

所以在你的情况下，如果你的页脚是：

<div class="modal-footer ng-scope">
   <button ng-click="ok()" class="btn btn-primary">OK</button>
   <button ng-click="cancel()" class="btn btn-warning">Cancel</button>
</div>

将在OK上执行 ok（）功能，在取消时执行 cancel（）功能。这两个都应该在你的控制器上。

如果出于任何原因，您希望为事件处理程序使用普通的jQuery，那么

$(".modal-footer .btn-primary").on("click", function(){
    alert("OK");
});

$(".modal-footer .btn-warning").on("click", function(){
    alert("CANCEL");
});

使用jquery访问bootstrap模式中的元素

1 个答案: