Lier l'événement à l'enfant de l'élément de la directive en fonction de lien

Besoin de lier un événement à la directive enfants qui est préparé avec ng-repeat dans templateUrl.
Je suis en train de lier l'événement à link fonction, mais les enfants ne sont pas encore prêts.

Ici est la plunker.

Ici, je veux lier click événement sur li balise qui sont préparés avec ng-repeat.Mais pour le moment, la link est exécuté, le li éléments ne sont pas encore prêts.
Lier l'événement à l'enfant de l'élément de la directive en fonction de lien

Quelqu'un peut-il s'il vous plaît aider.

le pire approche est de le faire avec le délai d'attente, mais à votre place, je le ferais en application de la directive dans la li pas de parent

OriginalL'auteur Rama Rao M | 2014-12-26

  1. 1

    Solution #1
    à l'aide angulaire ng-cliquez sur la directive (plunker)

    <button ng-click="showValuePopup = !showValuePopup;">Click</button>
<div ng-show="showValuePopup">
    <ul>
        <li ng-click="$parent.showValuePopup = false;" ng-repeat="option in options" value="{{ option.value }}"
            symbol="{{ option.symbol }}">{{ option.text }}
        </li>
    </ul>
</div>

    Solution #2
    l'utilisation supplémentaire de la directive avec le délai d'attente que le feu de l'événement après ng-repeat dernier élément de charge (plunker)

    app.directive('onLastRepeat', function () {
    return function (scope, element, attrs) {
        if (scope.$last) setTimeout(function () {
            debugger;
            scope.$emit('onRepeatLast', element, attrs);
        }, 1);
    };
});

    et écouter cet événement en fonction de lien:

    $scope.$on('onRepeatLast', function(scope, element, attrs){
    //make what you want
    valuePopup.find('li').on('click',function(){
        valuePopup.hide();
    });
    valuePopup.find('keydown').on('click',function(){
        valuePopup.hide();
    });
});
    Depuis,je ne pouvais pas trouver une autre solution, j'ai été ont tendance à suivre votre solution.Mais je voudrais attendre un peu plus de temps pour une solution alternative,j'ai donc m ne va pas pour indiquer qu'elle a accepté de répondre. Je vais le marquer comme acceptée,si je ne peux pas trouver une autre solution.

    OriginalL'auteur Sergio Potapov

  2. 0

    peut-être qu'il va vous aider à

    app.directive('gtmsCycleButton', function () {
    return{
        restrict: 'EA',
        link: function (scope, el, attrs) {

            scope.$watch(attrs.options, function(newVal, oldVal) {

                if (newVal === oldVal) return;

                var btn = $(el).find('.v-btn'),
                    valuePopup = $(el).find('.v-value-popup');

                btn.on('click', function() {
                    console.log('Button Clicked');
                    valuePopup.toggle().focus();
                });

                valuePopup.find('li').on('click', function() {
                    valuePopup.hide();
                });

                valuePopup.find('keydown').on('click', function() {
                    valuePopup.hide();
                });
            });            
        },
        templateUrl: 'temp1'
    }
});
    Il ne semble portée.$de la montre (les"options", function(.... ?

    OriginalL'auteur finico