AngularJS - コントローラーはでモーダルは、それがAngularJSを使用するために来るとき、私は多くの経験を持っていないが、私は初心者ではないよ

Question

動作しない公開します。既にそれと少し作業。

しかし、私はZurb Foundation 6でAngularJSを使用しています。 My reveal Modalのコントローラは角度を使用しません。 たとえば、私は{{hallo}}と書くことができ、彼はそれをレンダリングしません、彼はこの変数の値ではなく{{hallo}}を表示します。

角経路を使用しているため、このモダールは角度のテンプレートファイルにあることを知っておく必要があります。 奇妙なことは、既に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ほど安定していない可能性があります。 しかし、それは私の問題を解決するのに役立ちました。