問題タブ [angular-foundation]

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

Web アプリケーションには、多くのモーダル テンプレート (Angular Foundation モーダル) があります。モーダルが開いたら、ページの JavaScript ファイルで作成されたコントローラーを指定する必要があります。ただし、このコントローラーは一般にインラインで記述されます。これらのコントローラーを外部または動的ロードとして取得したい。

それは次のようなものです：

それはできますか？もしそうなら、どうすればこれを行うことができますか、

あなたの助けに感謝します

オプションのスライド サイドバー メニューを使用してヘッダー バーをモジュール化しようとしています。現在angular-foundationを使用していますが、これはサイドバーのキャンバス外コンポーネントです。アイデアは、(メニューが必要なページで) サイドバー メニューを開くトリガーとなるヘッダー バー、またはメニューのない単純なヘッダーとして (例: ユーザーがログインしていない場合) を持つことができるということです。

問題は、キャンバス外のサイドバーには 2 つのラッピング レイヤーが必要であり、ページのコンテンツ全体をラップして、メニューのスライドを容易にし、コンテンツを横に押し出すことです。

私のアイデアは、<my-header>sidebar と呼ばれるスコープ属性を持つディレクティブを作成することでした。これを true に設定すると、ページにキャンバス外のサイドバー メニューが含まれます。<my-off-canvas>さらに、魔法のためにいくつかのクラス ディレクティブを使用する必要なラッピング div を含むテンプレートを持つ、別の「ヘルパー」ディレクティブを作成しました。

plunkr は次のとおりです: http://plnkr.co/edit/5f6gUh0AixRNibs1rZTa?p=preview

問題:ラッパー は<my-off-canvas>テンプレートにコンパイルされず、<my-off-canvas>ディレクティブとして残ります。offCanvasList適切なラッパーとクラス ディレクティブを手動で追加して動作させたところ、一部のクラス ディレクティブとleftOffCanvasToggle、キャンバス外機能の 2 つのラッピング レイヤーの一部であるディレクティブとコントローラーが必要なため、いくつかの依存関係の問題がありました。

現在、これをどのように実装すべきかについてのアイデアを探していますが、おそらくこのアプローチは結局実行可能ではなく、別の実装を選択する必要がありますか? ディレクティブに関してはあまり経験がないので、提案やアイデアを受け入れます。