angular绑定动态样式以后如何在绑一个
事件?
可以使用ng-click指令来绑定一个点击事件。例如,假设你已经绑定了一个动态样式到一个元素:
<div ng-class="{'active': isActive}">Click me!</div>
现在你想要在这个元素被点击时执行一个函数。你可以添加一个ng-click指令来完成:
<div ng-class="{'active': isActive}" ng-click="myFunction()">Click me!</div>
当这个元素被点击时,myFunction()函数将会被调用。你可以在控制器中定义这个函数:
$scope.myFunction = function() {
console.log("Element was clicked!");
};
注意,你可以在同一个元素上绑定多个指令,例如:
<div ng-class="{'active': isActive}" ng-click="myFunction()" ng-hide="isHidden">Click me!</div>
这个元素现在绑定了三个指令,分别是:
ng-class:绑定了一个动态样式。ng-click:绑定了一个点击事件。ng-hide:绑定了一个隐藏/显示切换的指令。
原文地址: https://www.cveoy.top/t/topic/bg4E 著作权归作者所有。请勿转载和采集!