問題タブ [angular-foundation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
9 に答える
177295 参照

angularjs - コントローラーでフォームにアクセスできますか?

私は現在、以下を使用しています。

$scope.$$childHead.customerForm[firstName]、 となることによって:

ただし、これは Chrome でのみ機能します。今、私は次のことを試しました:

$scope.editCustomerForm[firstName]、 となることによって:

これは機能しません。私のフォームは Foundation タブ内にあることに注意してください。どうすればアクセスできますfirstNameか?

編集: Foundation タブ内にformある場合、 が追加されていないようです。scope

誰でもこれに対する解決策を持っていますか?

0 投票する
2 に答える
2189 参照

angularjs - angular-foundation modal $scopeにデータを渡す方法は?

angular-foundation、特にモーダルhttp://madmimi.github.io/angular-foundation/#/modalを使用しています。1つのコントローラーを使用しているときにモーダルにデータを渡す方法がわかりません。配列を取得したい値を指定してモーダルを更新し、特定のユーザー情報を表示します。例: $scope.updateUserInfo = $scope.user[index] 。唯一の問題は、データを modal に渡す方法です。

});

0 投票する
1 に答える
2082 参照

javascript - Foundation Abide / AngularJS の単一入力に対するさまざまなエラー

Foundation でフォームをセットアップしようとしていますが、基本的なエラー チェック以上のことを行うのが難しいと感じています。次の入力フィールドがあるとします。

ユーザー名の正規表現が次のようなカスタム パターンであると仮定します。

私ができる必要があるのは、入力フィールドの文字列がその文字制限を上回っているか下回っているかに応じて、さまざまなエラーを表示することです。私が知る限り、Foundation Abide にはこれに関する問題があります。これが可能であることを示唆するドキュメントさえ見つかりません。

一方、私は同じアプリケーション内で AngularJS を利用でき、理論的には ng-min / ng-max ディレクティブを使用して、それに基づいてエラー ケースを切り替えることができます。しかし、私の理解では、Foundation と Angular は互いにうまく機能しないため、フレームワーク間の通信にいくつかの問題が発生する可能性があります。ビジネス要件では、可能な限り Foundation でこれを行う必要があると述べていますが、Foundation が適していない理由について良い事例を提供できれば、余裕があります。

Foundation で純粋に必要なことを行う方法はありますか? Angular と Foundation の検証を混在させるのは簡単ですか?それとも Angular の $digest サイクルで問題が発生するのでしょうか?

0 投票する
0 に答える
642 参照

angularjs - ng-repeatループでFoundationツールチップを設定するには?

表のセルに値を表示しようとしていて、その値の関数であるツールチップを表示しようとしています。

私のHTMLのテストブロックは次のようになります

2 番目のテーブル セル (td) では、ツールチップが表示されますが、空白です。span タグ間で同じ値が適切に表示されていても。

そこで、別のアプローチ (表の 4 番目のセルに表示) を取り、カスタム ディレクティブを作成しようと考えました。

テンプレートが挿入されますが、これにはツールチップが表示されません..タイトルにハードコードされたテキストさえ表示されません。

私のスクリプトは含まれています

また、 http://madmimi.github.io/angular-foundation/があることに気付きましたが、これが期待どおりに機能しない理由に関連しているかどうかはわかりませんか?

ありがとう。

0 投票する
2 に答える
418 参照

angularjs - 角度のある基盤を持つ適切な背景を持つモーダル内でモーダルを開くにはどうすればよいですか?

背景 -> ウィンドウ -> 背景 -> ウィンドウのような背景を持つモーダル内にモーダルを開きたい

角度のある基盤でそれをどのように達成できますか?

http://madmimi.github.io/angular-foundation/

ありがとう!

0 投票する
0 に答える
661 参照

javascript - $scope の AngularJS スプライシング配列がビューを更新しない

私は 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 つを空欄にすると、アラートが閉じます。

コードは、ソースを調べることで簡単に確認できます。

前もって感謝します