MobileAngularUi ng-repeat Modal

Question

J'ai essayé 32400236/dynamically-generate-modals-with-mobileangularui mais cela n'a pas fonctionné. J'ai aussi l'habitude d'écrire:

<div class="access-item" ng-repeat="item in items track by $index"> 
<a ui-turn-on="$index">Activate unique modal</a> 
<div ui-content-for="modals"> 
    <div class="modal modal-overlay" ui-if='$index' ui-state='$index'> 
    ... 

OU

<div class="access-item" ng-repeat="item in items track by $index"> 
<a ui-turn-on="item.id">Activate unique modal</a> 
<div ui-content-for="modals"> 
    <div class="modal modal-overlay" ui-if='item.id' ui-state='item.id'> 
    ... 

mais seulement le dernier modal est rendu lorsque le modal est en hausse. Comme je l'ai dit, j'ai essayé la fonction exécutée via ng-click comme le dit 32400236/dynamically-generate-modals-with-mobileangularui. Mais il n'est pas exécuté, aucun modal n'est montré.

Il existe une méthode correcte pour cela?

Answer 1

Un seul modèle en dehors du ng-repeat:

<div ui-content-for="modals"> 
     <div class="modal modal-overlay" ui-if='modal' ui-state='modal'> 

et une fonction ng-cliquez sur:

$scope.openModal = function (id) { 
    var single_obj = $filter('filter')($scope.items, function (d) {return d.id === id;})[0]; 
    $scope.access = single_obj; 
    SharedState.initialize($rootScope, 'modal'); 
    $rootScope.Ui.turnOn('modal'); 
    }; 

fonctionne comme un charme!