Question

你好我是angular.js中的新手，我目前正在寻找一个代码来点击按钮进行警报调用。我尝试过一些东西。我有一个复选框一个按钮和一个标签。我想在点击按钮时保持警报。这是我的代码。

<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch" id="demo" type="button" onclick="javascript:alert1();">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch"/>Button
</p>
<p>
{{ mySwitch }}
</p>
</div> `

这里是我的jquery

alert1()
{
   alert('hi');
}

Answer 1

使用ng-click，仅在未禁用元素时才有效

<button ng-disabled="mySwitch" id="demo" type="button" ng-click="someFunction();">Click Me!</button>

在控制器中

$scope.someFunction = function () {
 alert("demo");
}

如果你的ng-disbaled成真，它就不会绑定任何事件，因为

禁用的元素不会触发鼠标事件。大多数浏览器会传播源自DOM的禁用元素的事件树，所以事件处理程序可以放在容器元素上。

Answer 2

这很简单：

<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch" id="demo" type="button" onclick="document.getElementById('demo').innerHTML = alert('hi')">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch"/>Button
</p>
 <p>
     {{ mySwitch }}
 </p>
</div>

取消选中复选框并单击按钮时进行警报呼叫

2 个答案: