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'
}
});
});
所以我的目標是在表中的每一行都有一個編輯和刪除按鈕,當我點擊這個按鈕時,我想調用模態模板的動作,但僅限於行中的這個特定數據。