AngularJS с Foundation - контроллер в Reveal Modal не работает

Question

У меня нет большого опыта использования AngularJS, но я не новичок. Работал с этим уже немножко.

Тем не менее, я использую AngularJS с Zurb Foundation 6. Контроллер в моем модале раскрытия не будет использовать никакой угол. Например я могу написать {{hallo}} и он не сделает это, он покажет мне {{hallo}} а не значение этой переменной.

Вы должны знать, что этот модал находится в файле шаблона для angular, потому что я использую angular-route. Странно то, что я уже использую модал в файле index.html и там угловой в модале работает. Но модал в файле шаблона (называемый dashboard.html) не работает.

Это мой модал:

<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>

Мой контроллер выглядит так

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";
});

Буду признателен, если кто-нибудь сможет мне помочь. Спасибо

Answer 1

Я нашел решение: я обращаюсь к пользователю Angular Foundation 6. Что вам нужно знать, так это то, что он сейчас работает, поэтому он может быть не таким стабильным, как Angular Foundation 5. Однако он помог мне решить мою проблему.