如何在指令中传递对象以避免重复的结果

时间:2016-05-10 13:52:36

标签: javascript html angularjs

嘿大家很抱歉打扰你们所有人,我无法理解一些指令,当我这样写时,我想在一个工具提示中显示2个元素:

  

<div ng-repeat="xx in dev.validationdvd"> <a href="" rel="tooltip" tooltip="xx.vehid.model">Validé </a></div>

这是我的完整代码:

    <table  class="table table-bordered"   >
        <thead><tr class="infoti" >
        <th>Id Dev</th>
        <th>Nom Dev </th>
        <th>Nom Ecu</th>
        <th>Etat</th>
        <th>Action</th>
        </tr>
        </thead>
        <tbody>     
<tr dir-paginate=" dev in devs  |  itemsPerPage:7 track by $index    ">

            <td >{{dev.id}}</td>
            <td>{{dev.nomdev}}</td>
            <td >{{dev.ecu.nomEcu}}</td>    

      <td ng-if="dev.validationdvd[0].etatvalid == 'Validé' ">** <div ng-repeat="xx in dev.validationdvd"> <a href="" rel="tooltip" tooltip="xx.vehid.model">Validé </a></div>**</td>
       <td ng-if="dev.validationdvd[0].etatvalid != 'Validé' ">Non Validé</td>                  
<td><button class="btn btn-gray" ng-click="displaydata(dev.id)"  data-toggle="modal" data-target="#myModal" >Validé</button></td>
</tr>
        </tbody>
        </table>

这是我通过质量时得到的每一个Validé都有一个值 enter image description here

但我希望只在一个工具提示中拖曳它们,而不是每个都会显示值

这是我的数据格式

{
   id: 16633,
   nomdev: "AUTORADIO RADIO_VD45",
   ecu: {
      nomEcu: "RADIO_VD45"
   },
   validationdvd: [
     {
       etatvalid: "Validé",
       vehid: {
           model: "A6 I"
          }
      },
     {
       etatvalid: "Validé",
       vehid: {
          model: "A3 I"
          }
      }
   ]
}

最后这是工具提示的指令,我一直在努力改变它并传递我的数据,但我无法理解它是如何工作的,因为使用ng-repeat将始终复制数据:

app.directive('tooltip', function () {
    return {
    restrict:'A',
    link: function(scope, element, attrs)
    {
        $(element)
            .attr('title',scope.$eval(attrs.tooltip))
            .tooltip({placement: "right"});


       }
   }
}) 

有没有人知道如何传递我选择的数据,以便我可以在工具提示中显示所有数据,谢谢

0 个答案:

没有答案