Foundation pop-up schließt sich nicht beim Aufruf der Funktion

Question

Das Problem, das wir haben, schließt das Popup "Foundation for apps", wenn auf die Schaltfläche "feed feedback" geklickt wird.

  <a class="align-center app-student-icon" 
       zf-popup-toggle="{{'popup-' + $index}}"> 
       <span ng-bind="getMemberById(assessment.user).fullname"></span> 
       <i class="icon icon-pencil-no-fill"></i> 
      </a> 
      <zf-popup id="{{'popup-' + $index}}" class="padding text-center"> 
       <h5>Question Feedback</h5> 
       <textarea name="name" 
          rows="4" 
          placeholder="Leave feedback here" 
          ng-model="assessment.test.tutorFeedback"></textarea> 
       <button type="submit" 
         class="button expand" 
         ng-click="closeAndSavePopup('popup-' + $index, assessment)">Give feedback</button> 
      </zf-popup> 

Die ‚Ihr Feedback‘ Taste löst die unter Scope-Funktion:

scope.closeAndSavePopup = function (popupId, object) { 
     saveFeedback(object); 

     setTimeout(function() { 
      FoundationApi.closeActiveElements(); 
     }); 
    }; 

Wir haben die Abhängigkeit der foundationApi so können wir die Modulfunktionen Fundament uns gegeben hat Zugang injiziert. Wir haben das Beispiel oben sowie

FoundationApi.publish (popupId, 'close')

jedoch verwendet werden, wenn das Fundament Popup geklickt scheint nicht schließen zu wollen. Wir haben auch Toggle anstelle von Close verwendet, um zu sehen, ob dies einen Unterschied machen würde.

Hat jemand anderes in dieses Problem kommen und eine Lösung gefunden?

Answer 1

Nach dem Blick in den Stiftungscode haben wir festgestellt, dass dies eine fehlerfreie Dokumentation unserer Version der Grundlage für Apps war.

Die Antwort ist, die 'schließen' in eckigen Klammern zu wickeln.

FoundationApi.publish (popupId, [ 'close'])

Das Sein Grund ist, weil in der Stiftung JavaScript ein Array für Pop-ups und so ziemlich alles andere einen String .. So erwartet dumm ..

cheers