通过选择在Angularjs X编辑

Question

更改图像，我采用了棱角分明的X编辑，我的代码如下

<li ng-repeat="emailId in emailDetails"> 
     <img class="permission" 
      ng-src="assets/images/profile-ima.jpg" 
      editable-select="emailId.privacy_type" 
      e-form="rowform" 
      e-name="privacy_type" 
      e-ng-options="q.privacy_id as q.privacy_type for q in privacyTypes"> 
     </img> 
     <div class="pfDetails" 
      editable-text="emailId.email" 
      e-form="rowform" 
      e-name="email" 
      ng-click="rowform.$show()" 
      onbeforesave="checkEmail($data)"> 
      {{ emailId.email || 'Edit' }} 
     </div> 
     <div class="addIcon" ng-click="addEmail()"></div> 
    </li> 

当我点击.pfDetails格编辑选项将启用。我可以更改emailid，这很好。 .addIcon div可以添加更多字段。

我的问题是如何为每个新div更改.permission字段的ng-src。如果我改变它在所有新img字段中反映的值，因为它们的类名相同。

任何人都可以帮助我解决这个问题吗？

Answer 1

这个代码太少，不能给出比猜测的答案更多的代码。

我通常使用这种方法：

<img ng-if"emailId.privacy_type=='a'" class="permission" 
     ng-src="assets/images/profile-ima.jpg" 
     editable-select="emailId.privacy_type" 
     e-form="rowform" 
     e-name="privacy_type" 
     e-ng-options="q.privacy_id as q.privacy_type for q in privacyTypes"> 
    </img> 
    <img ng-if"emailId.privacy_type=='b'" class="permission" 
     ng-src="assets/images/profile-imb.jpg" 
     editable-select="emailId.privacy_type" 
     e-form="rowform" 
     e-name="privacy_type" 
     e-ng-options="q.privacy_id as q.privacy_type for q in privacyTypes"> 
    </img> 

等等...

一个更好的办法是，你命名的图像，使它们匹配的隐私部分型式：

<img class="permission" 
     ng-src="assets/images/profile-im{{emailId.privacy_type}}.jpg" 
     editable-select="emailId.privacy_type" 
     e-form="rowform" 
     e-name="privacy_type" 
     e-ng-options="q.privacy_id as q.privacy_type for q in privacyTypes"> 
    </img> 

所以：

when privacy_type ='a'ng-src will profile-ima.jpg

时privacy_type = 'B' NG-src是型材imb.jpg

但是那只是猜测，因为我不知道你的数据。