2015-07-19 76 views
0

首先我想爲我的英語道歉,但我會嘗試具體,因爲我可以。打電話給點擊指示

其次可能就是因爲這個解決方案很簡單,但即時通訊卡和我的大腦不想cooporate,啤酒這麼想的幫助太..至少這段時間

在角所以我寫的應用程序在哪裏顯示的一些表數據與ng重複,並在每一行我需要有按鈕,如編輯,刪除等,每個按鈕我有不同的部分指令中定義的模態。

而且有一個問題,因爲當我加載視圖時,ng-repeat添加每個行的模板的指令,但我想調用指令時,我點擊了行中的特定按鈕而不是所有的行加載視圖

<h4 class="modal-title">Name for: {{name}}</h4> 

<add-button></add-button> 

<table class="table table-hover"> 
    <thead> 
    <tr> 
     <input type="search" placeholder="search" ng-model="findThisData"> 
     <td>Id</td> 
     <td>Name</td> 
    </tr> 
    </thead> 
    <tr ng-repeat="data in DataOne | filter:findDataOne | orderBy: 'id'"> 

     <td>{{data.id}}</td> 

     <td ng-model="data.name">{{data.name}}</td> 

     <td> 
     **strong text** 

      <edit-input></edit-input> 
      <delete-button></delete-button> 
     </td> 
    </tr> 
</table> 

EditButton部分:

<button class="btn btn-success" type="button" data-toggle="modal" data-target=".bs" 
     ng-click="modalContent(data.id, $index)" >Edytuj{{data.name}} 
</button> 
<div class="modal fade bs" role="dialog" id="yolo"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 

       <h4 class="modal-title">Edycja{{data.version}}</h4> 
      </div> 
      <div class="modal-body"> 
       <input type="text" ng-model="input.name"/> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn btn-danger" ng-click="save(input.name)" data-dismiss="modal">Zapisz</button> 
       <button type="button" class="btn btn-primary" data-dismiss="modal">Zamknij</button> 
      </div> 
     </div> 
    </div> 
</div> 

指令:

define(['angular'], function() { 
    'use strict'; 
    var dataDirectives = angular.module('dataModule.dataDirectives', []); 

    dataDirectives.directive('dataName', function(){ 
     return{ 
      restrict: 'AE', 
      templateUrl: '/front/app/views/users/dataName.html' 
     } 
    }); 


    dataDirectives.directive('editInput', function(){ 
     return{ 
      restrict: 'AE', 
      templateUrl: '/front/app/views/partials/editInput.html' 

     } 
    }); 

    dataDirectives.directive('modalName', function() { 
     return{ 
      restrict: 'AE', 
      templateUrl: '/front/app/views/partials/modalname.html' 
     } 
    }); 
    dataDirectives.directive('deleteButton', function() { 
     return{ 
      restrict: 'AE', 
      templateUrl: '/front/app/views/partials/deleteButton.html' 
     } 
    }); 
    dataDirectives.directive('addButton', function(){ 
     return { 
      restrict: 'AE', 
      templateUrl: '/front/app/views/partials/addButton.html' 
     } 
    }); 
}); 

所以我的目標是在表中的每一行都有一個編輯和刪除按鈕,當我點擊這個按鈕時,我想調用模態模板的動作,但僅限於行中的這個特定數據。

回答