Jquery 在ng repeat上使用.attr()更改src&;ng单击不工作

Jquery 在ng repeat上使用.attr()更改src&;ng单击不工作,jquery,angularjs,Jquery,Angularjs,我已加载带有ng重复的图片(PIN)。当有人点击彩色别针时,它会变成灰色,反之亦然 我的ng repeat是:ng repeat=“vm.myData.contactHistoryContainer track by$index中的note” 谁能看一看,让我知道我把事情搞砸了吗?这两种按钮都会触发控制台.log 您可以简化此操作: <div class="pin-container"> <div> <img ng-show="!enable

我已加载带有ng重复的图片(PIN)。当有人点击彩色别针时,它会变成灰色,反之亦然

我的ng repeat是:
ng repeat=“vm.myData.contactHistoryContainer track by$index中的note”

谁能看一看,让我知道我把事情搞砸了吗?这两种按钮都会触发
控制台.log


您可以简化此操作:

  <div class="pin-container">
    <div>
      <img ng-show="!enabled" src="app/assets/img/office-material.png" alt="uncolored pin" ng-click="enabled=!enabled">
      <img ng-show="enabled" src="app/assets/img/office-material2.png" alt="colored pin" ng-click="enabled=!enabled">
    </div>
  </div>

若你们需要在控制器中调用一些函数,你们可以在ng click方法中调用它


您可以简化此操作:

  <div class="pin-container">
    <div>
      <img ng-show="!enabled" src="app/assets/img/office-material.png" alt="uncolored pin" ng-click="enabled=!enabled">
      <img ng-show="enabled" src="app/assets/img/office-material2.png" alt="colored pin" ng-click="enabled=!enabled">
    </div>
  </div>

若你们需要在控制器中调用一些函数,你们可以在ng click方法中调用它


您不应该使用jQuery解决您的问题。我已经做了一个突然袭击,所以你可以使用一种方法来克服你的问题。


因此,基本的想法是切换note.pin,每次单击都按一下。ng if控制要显示的图片

编辑:通过单击调用控制器新建plunker


区别在于ng点击:


注意:src是一个随机图片

您不应该使用jQuery解决您的问题。我已经做了一个突然袭击,所以你可以使用一种方法来克服你的问题。


因此,基本的想法是切换note.pin,每次单击都按一下。ng if控制要显示的图片

编辑:通过单击调用控制器新建plunker


区别在于ng点击:


注意:src是一张随机图片

检查
$(此)
console.log('pin按下',$(此))
并查看它是否如预期的那样?console.log('pin pressed',$(this));返回objectCheck
$(this)
,如
console.log('pin pressed',$(this))
并查看它是否如预期的那样?console.log('pin pressed',$(this));返回对象对不起,我真的不明白你在那里做了什么你不需要编写代码隐藏代码(js)来完成你需要的。对不起,我真的不明白你在那里做了什么你不需要编写代码隐藏代码(js)来完成你需要的。谢谢,它似乎很有效。现在,如果我需要在控制器上点击一个函数,记录下哪个是新的pinSe my plunker更新,该怎么办。这张便条是给这个函数的。谢谢,它似乎起作用了。现在,如果我需要在控制器上点击一个函数,记录下哪个是新的pinSe my plunker更新,该怎么办。该注释是关于函数的。
  <div class="pin-container">
    <div>
      <img ng-show="!enabled" src="app/assets/img/office-material.png" alt="uncolored pin" ng-click="enabled=!enabled">
      <img ng-show="enabled" src="app/assets/img/office-material2.png" alt="colored pin" ng-click="enabled=!enabled">
    </div>
  </div>
<div ng-repeat="note in vm.notes">
  <div ng-click="note.pinPush =  !note.pinPush">
    <div ng-if="note.pinPush">
      <img src="http://www.qygjxz.com/data/out/179/4361592-picture.jpg" style="width:200px;">
    </div>
    <div ng-if="!note.pinPush">
      <img src="http://www.qygjxz.com/data/out/180/4964551-picture.jpg" style="width:200px;">
    </div>
  </div>
</div>
<div ng-repeat="note in vm.notes">
  <div ng-click="vm.noteClicked(note)">
    <div ng-if="note.pinPush">
      <img src="http://www.qygjxz.com/data/out/179/4361592-picture.jpg" style="width:200px;">
    </div>
    <div ng-if="!note.pinPush">
      <img src="http://www.qygjxz.com/data/out/180/4964551-picture.jpg" style="width:200px;">
    </div>
  </div>
</div>