問題タブ [angular-foundation]

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

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

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

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

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

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

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

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

});

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

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

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

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

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

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

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

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

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

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

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

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

ありがとう。

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

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

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

ありがとう！

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

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

前もって感謝します

AngularJS でangular-translationおよびangular-foundationモジュールを使用しており、Foundation トップバーを次のように定義しています。

に翻訳フィルタを適用する必要がありますMy back text。すでにこれら2つのソリューションを試しましたが、成功しませんでした:

例 1 - コード

例 1 - メニュー内のテキスト

例 2 - コード

例 2 - メニュー内のテキスト

これらの 2 つのモジュールでこれを達成する可能性はありませんか?

使用バージョン

ネストされた ngForms が機能しない理由がわかりません。基本的な概要から始めます。

Foundation 公開 div 内に 1 つのフォーム タグがあります。ボタンをクリックすると、リビールが開きます。いくつかのチェックの後、Foundation が jQuery の detach メソッドを使用して div を DOM から削除し、それを body タグの直前に追加することがわかりました。これにより、フォームに接続されたリスナーが混乱する可能性があるいくつかの場所を読みました。公開 div の外側のページにフォームがある場合、すべて正常に動作します。これを Reveal div に配置して detach メソッドが呼び出されると、何らかの理由で ngform の要素が含まれる ngForm の有効性に影響しなくなります。興味深いのは、フォーム タグ全体にネストされた要素が正常に機能することです。例については、次の JSBin を参照してください。これは、このスタックオーバーフローに従ってスコープが破棄されることに関係していると思います. ありとあらゆる助けをいただければ幸いです。ありがとう。

JSBin の例

もともと、コントローラーと ng-template で定義したパーシャルがモーダルに入力されない理由を尋ねていました。

script タグにディレクティブをロードすることに成功しなかった後、私たちが使用しているルーティング方法が、スクリプトがパーシャルを見つけるのを回避していると思います。

ディレクティブの templateUrl は、モーダル ng-click="open()" を介して呼び出されると 404 を返します。他の要素で呼び出された場合、すべてが正しく解決されます。

ディレクティブは、div に templateUrl をロードします。

ディレクティブ templateUrl は、スクリプトで 404 を返します。

さらに混乱を招くのは、モーダルが閉じられたことをコントローラーがログに記録することです。これは、404 がコンテンツの読み込みを停止してモーダルを閉じることを除いて、他のすべてがスムーズに実行されていることを意味します。

これは、誰のユースケースにもなじみがありますか? それを回避する方法はありますか？

ページにいくつかのタブを追加するために Angular-Foundation を使用しています。一部のタブには条件付きの ng-if があり、一部のタブにはありません。他のタブを最初にレンダリングしたいのに、ng-if のないタブが最初にレンダリングされ、デフォルトの表示になるようです。

また、条件が変わったときにコンテンツが常に正しいタブに変わるとは限りません。

javascript を使用してタブをレンダリングしようとしましたが、残念ながらビューに Jade を使用しており、コンテンツはテンプレートのインクルードであり、javascript では適切にレンダリングされません。

最初のタブセットの例。ng-if が式を評価している間、コンテンツはデフォルトで 3 番目のタブになります。

別のタブセット。3 番目のタブのハックにより、1 番目または 2 番目のタブとコンテンツが最初に表示されますが、hideTab が切り替えられると、デフォルトで 3 番目のタブが再び表示されます。

タブの使い方が間違っているのでしょうか？

ここでプランカーを作成しました: http://plnkr.co/edit/m1mxgo1Q872AnKaOJ5fe?p=preview