2

AngularJS の使用に関してはあまり経験がありませんが、初心者ではありません。すでに少し作業しました。

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

angular-route を使用しているため、このモーダルは angular のテンプレート ファイルに含まれていることを知っておく必要があります。奇妙なことに、私はすでに 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";
});

誰かが私を助けてくれれば幸いです。ありがとう

4

1 に答える 1

0

私は解決策を見つけました: ユーザーAngular Foundation 6が嫌いです。知っておくべきことは、現在作業中であるため、Angular Foundation 5 ほど安定していない可能性があるということです。ただし、問題を解決するのに役立ちました。

于 2016-05-08T21:18:49.990 に答える