2012-11-21 30 views
8

Açısal kullanıcı tanımlı olarak bir geri arama işlevi ayarlamanın bir yolu var mı? Aşağıdaki tbody etiketine ng-update = "foo()" ifadesini eklemek ve liste değiştiğinde foo çalıştırmak istiyorum.açısal geri çağrılabilir geri arama

<tbody id="existingStockResults" ui-sortable ng-model="processes"> 
    <tr ng-repeat="process in processes" ng-class="{odd: $index%2 == 0, even: $index%2 != 0}"> 
     <td>{{process.process}}</td> 
     <td>{{process.vendor}}</td> 
     <td>{{process.desc}}</td> 
      <td>{{process.cost}}</td> 
     <td><a href="#" ng-click="editProcess($index)">edit</a></td> 
     <td><a href="#" ng-click="removeProcess($index)">remove</a></td> 
    </tr> 
</tbody> 

Teşekkürler!

cevap

3

Ui-sortable dosyasında okuma (angular-ui ana sayfasının bir demosu yok, neden olduğunu merak ediyor musunuz?) here, 2 geri çağırma için izin verdiğini görüyorum -> başlama ve güncelleme, önce ve değişiklikten sonra tetiklersiniz. Yani böyle bir şey çalışması gerekir:

<tbody id="existingStockResults" ui-sortable update="myCallback()" ng-model="processes"> 
6

Artık bu gibi ui-sortable özelliğinde güncelleme fonksiyonunu belirtebilirsiniz:

<tbody ui-sortable="{update: foo()}"> 

Ama yine bazı sorunlar gibi sıralanabilir yönergesi ile vardır this example. Şu anda here tartışıyorlar.

$scope.sortableOptions = { 
    disabled: false, 
    update: function(event) { 
     return $scope.sortableUpdated = true; 
    } 
}; 

ve şablonda:

+0

işler değişti. 'Ui-options' özniteliği artık kullanılmıyor, cevabımı düzenliyorum. –

+0

ui-sortable, bazı problemleri düzeltmiş gibi görünen kendi bileşenidir, ancak geri dönüşleri –

+0

içerip içermediğini bilmiyorum, ancak geri aramalar artık işe yaramaz gibi görünüyor. –

5

Bu gibi benim kapsamda, belirlenen Güncelleştirmemin geri arama ile karma bir seçenek kullanmayı tercih

<div ui-sortable="sortableOptions"> ...