私は madmimi による angular-foundation を使用しています (これは zurb Foundation の jquery 部分の angularjs ポートです)、Alert ディレクティブで少し問題が発生しました。
上部にアラートのあるお問い合わせフォームがあります。これらのアラートは、スコープで見つかった配列で ng-repeat を使用して表示されます。($scope.alerts)。アラートをプッシュすると、すぐに表示されます。しかし、スコープ ($scope.close()) の関数を使用して削除しようとすると、ng-repeat ビューは更新されません。それは明らかに関数を正しく呼び出し、後でアレイをログに記録すると、アラートが正常に削除されました。
$scope.$apply がエラー $apply is already in progress をスローします (Angular コンテキスト内からすべてを呼び出すので、これは正常です)。
もう1つの奇妙なことは、フォームフィールド(ng-modelで別のスコープオブジェクトにバインドされている)の1つに何かを入力すると、ng-repeatビューが更新されることです..
これで私を助けることができる人はいますか?これを何時間もデバッグしていますが、成功していません:(
前もって感謝します
編集:
最初に小さな JSFiddle を作成しましたが、そこでは (angular-foundation のデモ サイトと同じように) すべてが正常に機能したので、プロジェクトで使用されている他のライブラリがいくつかあるため、プロジェクトのライブ デモを公開することにしました。統合された JSFiddle には、より強力なコントローラーなどがあります。
問題とは関係のないほとんどの部分を取り除いたので、2 つの小さなコントローラーと js 部分のルート設定だけになりました。
デモは次の場所にあります: VG Demo
再現するには: 連絡先フォームまで下にスクロールし、ランダムなデータでボタンを連打し、「verzenden」を押すと、アラートがポップアップします。右側の X を押すと、ご覧のとおり、魔法は起こりません。魔法が好きなら、入力したフィールドの 1 つを空欄にすると、アラートが閉じます。
コードは、ソースを調べることで簡単に確認できます。
前もって感謝します