AngularJS mit Foundation - Controller in Reveal Modal funktioniert nicht

Question

Ich habe nicht viel Erfahrung, wenn es um AngularJS geht, aber ich bin kein Neuling. Habe schon ein bisschen damit gearbeitet.

Allerdings verwende ich AngularJS mit Zurb Foundation 6. Der Controller in meiner offenbaren Modal wird keine eckigen verwenden. Zum Beispiel kann ich schreiben {{hallo}} und er wird es nicht rendern, er zeigt mir {{hallo}} und nicht den Wert dieser Variablen.

Sie müssen wissen, dass dieses Modal in einer Vorlagendatei für angular ist, weil ich Winkelroute verwende. Das seltsame Ding ist, dass ich bereits ein Modal in der index.html Datei verwende und dort eckig in den modalen Arbeiten. Aber das Modal in der Vorlagendatei (Dashboard.html genannt) funktioniert nicht.

, dass mein modal ist:

<div class="row"> 
    <div class="columns large-12 medium-12 small-12" ng-controller="LoadAllUsers"> 
    <button class="button" data-open="newUserModal" ng-click="load()">User hinzuf&uuml;gen</button> 
    <!--    newUserModal     --> 
    <div class="tiny reveal" id="newUserModal" data-reveal> 
     <div class="large-12 medium-12 small-12 columns"> 
     <div class="row"> 
      <h4 class="text-center">User zur Miete hinzuf&uuml;gen</h4> 
      <br> 
      <label>Username oder Name des neuen Users eingeben</label> 
      <input type="text" placeholder="Max Mustermann" name="newuser" ng-model="userSearch" ng-change="search()"> 
      <h5>Suchtreffer</h5>{{hallo}} 
      <button class="button" data-close>Abbrechen</button> 
      <button class="button float-right">User hinzuf&uuml;gen</button> 
     </div> 
     </div> 

     <button class="close-button" data-close aria-label="Close modal" type="button"> 
     <span aria-hidden="true">&times;</span> 
     </button> 
    </div> 
    <!--    /newUserModal     --> 
    <button class="button">Miete zur&uuml;ckziehen</button> 
    </div> 
</div> 
</div> 

Mein Controller sieht aus wie dieses

routingApp.controller("LoadAllUsers", function($scope, $http) { 
$scope.load = function() { 
    var allUsers = []; 

    $http({ 
     method: 'GET', 
     url: 'someURL', 
     params: {parameters: "values"} 
    }).then(function successCallback(response) { 
     angular.forEach(response.data, function(value, key) { 
      allUsers[key] = {}; 

      angular.forEach(value, function(subvalue, subkey) { 
       allUsers[key][subkey] = subvalue; 
      }); 
     }); 
     $scope.hallo = "AN"; 
     console.log(allUsers); 
    }, function errorCallback(error) { 
     console.log(JSON.stringify(error.data)); 
    }); 

}; 

$scope.search = function() { 
    console.log($scope.userSearch); 
}; 

$scope.hallo = "HAAAAAAAAAAALLO"; 
}); 

Ich würde mich freuen, wenn mir jemand helfen kann. Danke

Answer 1

Ich fand die Lösung: Ich hatte den Benutzer Angular Foundation 6. Was Sie wissen müssen, ist, dass es jetzt gerade arbeitet, also ist es vielleicht nicht so stabil wie Angular Foundation 5. Allerdings half es mir, mein Problem zu lösen.