How can I make an image link unclickable using AngularJS?
我有一个与之相关联的操作的图像(使用ng click)：
1 | <img src="myImage.png"> |
在某些情况下，我希望它是不可撬开的(并且变灰了，但之后我可以担心)。本质上相当于使用ng disabled/enabled(这不起作用，因为disabled不是anchor元素的属性)。这样(用更复杂的表达式替换"true")：
1 | <img src="myImage.png"> |
有什么办法吗？
请看到演示http：/ / / / 6 jsbin.com nadexu编辑
你可以使链接在一起的一unclicable使用CSS设置不透明度，仅用一个指令纳克级
1 2 3 4 5 6 7 8 9 10 11 | a.disabled { pointer-events: none; cursor: default; opacity:0.5 } a.enable { opacity:1 } |
HTML：
1 2 3 | <a href="" ng-click="doSomething($event)" ng-class="{'enable': enable,'disabled': !enable }" > <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDlD8Xc_e4xZJeDGlyHF3KkeKibtex6qXwGzlM_w_-7WV-NrPf"/> |
1 2 3 4 5 | <img src="myImage.png"> <img src="myImage.png"> |
我希望这个作品，我的意思是，库是停止点击这里传播，更有趣的解决方案，它使用的指令，在指令angularjs -24到stoppropagation化妆？。。。。。。。
虽然有很多的方式来做，一个选项是使用if语句在吴，有两种不同的UI元素之间，一个链接，一个一个的图像(它unclickable制作)
1 2 3 4 5 | <img src="myImage.png"> <img src="myImage.png"> |
有其他选项样、开关等
在这里
我会把超链接的点击和使用上的形象本身NG
1 2 3 | <img src="myImage.png" ng-click="image_clicked || do_something()" ng-disabled="image_clicked"></img> |
plnkr.co http：/ / / / vsz8bnhvrcwyxeijeplq编辑？P＝预览
1 2 3 4 5 | <a ng-click="(toggle = !toggle) && doSomething($event)" ng-disabled="toggle" ng-style="{ opacity: { true: 0.5, false: 1 }[toggle == true] }"> <img src="https://www.google.com/images/srpr/logo11w.png"> |
这样的行动是执行每一个图像时，图像是grayed点击和点击出另一个。
那是你想要的吗？