Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/linux/24.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
AngularJS反应图像（ng类）_Angularjs_Onclick_Ng Class_Onhover - Fatal编程技术网
Fatal编程技术网
  • angularjs/
  • AngularJS反应图像（ng类）

AngularJS反应图像（ng类）

angularjs

AngularJS反应图像（ng类）,angularjs,onclick,ng-class,onhover,Angularjs,Onclick,Ng Class,Onhover,我有一个图像的3个变体。我需要根据图像的事件状态交换图像，例如：“当前”“onClick”“onHover”。要使用标准Windows事件。我是否可以将Angular的“ng类”与图像一起使用，并将onClick&onCover作为我的Javascript测试表达式？精确测试事件侦听器 例如： 这是我的客户的要求。AngularJS是否可能。关于这个问题，有一篇简短但有价值的博文 它建议对鼠标悬停事件使用类似于以下的策略 <div id="divID" ng-init="imgsrc='/

我有一个图像的3个变体。我需要根据图像的事件状态交换图像，例如：“当前”“onClick”“onHover”。要使用标准Windows事件。我是否可以将Angular的“ng类”与图像一起使用，并将
onClick
&
onCover
作为我的Javascript测试表达式？精确测试事件侦听器

例如：
这是我的客户的要求。AngularJS是否可能。

关于这个问题，有一篇简短但有价值的博文

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

<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>



/*AngularJS让用户体验非常好*/
勘探

例如：下面是我想要运行的代码。当用户与图像交互时，按钮的显示会根据其观察列表状态而改变。杰出的“简短但有价值的博客文章”有解决办法。

<div id="divID" ng-click="updateImageSrc()" ...







    /* 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>