Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ng click切换父元素的类?_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 使用ng click切换父元素的类?

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

我有一些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="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()
}