Как в виджете добавить кастомные атрибуты?

Question

[Максим Иванов]

Сделал виджеты

<widgets 
          data="processess" 
          typewidgets="processess" 
          titleblock="{{ title.process }}"     
          titleother="{{ title.other }}" 
          positiontooltip="right"
          divhide="{{ !processess.length ? 1 : 0 }}"  
          icon="fa-dot-circle-o"    
          click="processCreateInfo">      
        </widgets>
        
        <!-- мои процессы -->
        <widgets 
          data="myprocessess"
          typewidgets="myprocessess"
          myclass="myprocesses pagination-parent"
          titleblock="{{ title.my }}"
          positiontooltip="right"
          divhide="{{ (!myprocessess.length && myprocessess.active == 0) ? 1 : 0  }}"
          icon="fa-circle-o"
          attr="data-myprocess-id=''"    
          click="myprocessOpenInfo">      
        </widgets>

Но дело в том, что в определенном виджете должны быть свои собственные атрибуты, но как внутренне их сделать не знаю

вот компонент виджета:

<span class="blc tooltipped {{ $ctrl.spanclass }}" 
          ng-repeat="process in $ctrl.data" 
          ng-click="$ctrl.click(process)">

          <span class="blc-title">{{ process.title }}</span>
        
            <!--- у второго виджета внутри должно быть в этом span-теге такой атрибут
           data-myprocess-id="{{ process.id }}"
           но если его так прописать, он будет доступен для первого сгенерированного контента виджета
            -->


</span>

У каждого виджета могут быть свои уникальные data-* атрибуты, которые потом нужны для ng-repeat, что тут можно придумать, чтобы решить эту задачу?