Javascript 使用ng click切换父元素的类?
我有一些javascript,我正试图转换成Angular:Javascript 使用ng click切换父元素的类?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有一些javascript,我正试图转换成Angular: $('.col-lg .fa-clock-o').click(function(e){ $(this).parent().toggleClass('set-time'); e.preventDefault() }); 我已经尝试将以下内容添加到包含链接的子元素中,但它不起作用,也许有一种合适的“角度”方法来代替它 <a href="#" class="fa fa-clock-o" aria-hidden="tr
$('.col-lg .fa-clock-o').click(function(e){
$(this).parent().toggleClass('set-time');
e.preventDefault()
});
我已经尝试将以下内容添加到包含链接的子元素中,但它不起作用,也许有一种合适的“角度”方法来代替它
<a href="#" class="fa fa-clock-o" aria-hidden="true" ng-click="$(this).parent().toggleClass('set-time')"></a>
一种更具“角度”的方法是设置一个变量,该变量表示父元素上是否存在
设置时间类。默认情况下,这将是未定义的,这是错误的
然后,要在ng单击中切换它,只需将该值设置为与当前值相反的值
<div ng-class="{'set-time': setTimeClass}">
<a href class="fa fa-clock-o" aria-hidden="true" ng-click="setTimeClass = !setTimeClass">toggle class</a>
</div>
。设置时间{
背景:红色;
}
一种更具“角度”的方法是设置一个变量,该变量表示父元素上是否存在设置时间类。默认情况下,这将是未定义的,这是错误的
然后,要在ng单击中切换它,只需将该值设置为与当前值相反的值
<div ng-class="{'set-time': setTimeClass}">
<a href class="fa fa-clock-o" aria-hidden="true" ng-click="setTimeClass = !setTimeClass">toggle class</a>
</div>
。设置时间{
背景:红色;
}
以下方法可行,但不确定其角度:
HTML:
以下方法可行,但不确定其角度:
HTML:
父项不是函数,而是原型:
正确用法是:
$(此)。父项
和你的锚元素:
父对象不是函数,而是原型:
正确用法是:
$(此)。父项
和你的锚元素:
您使用的是angularjs还是Angular2/4?因为在angularjs中没有ng click,所以您将使用(click)=“foo()”您使用的是angularjs还是angular 2/4?因为在angular中没有ng click,所以您可以使用(click)=“foo()”谢谢,这非常有效。如果在ng repeat中有多个div,是否可以扩展切换父元素类的方法,并将所有其他父div元素的类设置为false?谢谢,这非常有效。如果在ng repeat中有多个div,是否可以扩展切换父元素类的方法,并将所有其他父div元素的类设置为false?
public toggleTimepickerPopup(event : any) : void{
jquery(event.target).parent().toggleClass('set-time');
event.preventDefault()
}