1

我有 1 张图片的 3 种变体。我需要根据其事件状态交换图像例如：'current''onClick''onHover'。想要使用标准的 Windows 事件。我可以将 Angular 的 'ng-class' 与 IMAGES 一起使用并添加onClick&onCover作为我的 Javascript 测试表达式吗？精确测试事件监听器？！

例如：

这是我客户的要求。AngularJS有可能吗？

4

2 回答 2

0 




    /* AngularJS makes UX pretty nice! */

    <div class="col-sm-1">
      <div id="explorer" 
     ng-init="imgsrc='https:///idle.png'" 
ng-mouseover="imgsrc='https:///hover.png'" 
    ng-click="imgsrc='https:///current.png'">
        <img ng-src="{{imgsrc}}" />
        <div>Explore</div>
      </div>
    </div>
于 2015-04-29T13:29:51.737 回答
0

这里有一篇关于这个问题的简短但有价值的博客文章。

它建议对鼠标悬停/悬停事件使用类似于以下的策略...

<div id="divID" ng-init="imgsrc='/images/twitter_blue.png'" ng-mouseover="imgsrc='/images/twitter_brown.png'" ng-mouseout="imgsrc='/images/twitter_blue.png'">
    <img ng-src="{{imgsrc}}"/>
    <div>Image description</div>
</div>

此外，您可以ng-click用来管理ng-src点击事件的更改

<div id="divID" ng-click="updateImageSrc()" ...
于 2015-04-29T04:48:40.273 回答