問題タブ [angular-ui-router]

昨夜、crud アプリケーションを gmail などのタブ ベースのアプリに移植する方法について考えていました。まず、ui-router についてよく読んで、状態が変化するたびに新しいタブを作成する tabService を作成することを考えました ($rootScope.stateChangeSuccess を聞く)。新しいタブには、対応するビュー (ui-view="bancos" を含む) が含まれます。 ) 状態テンプレートが表示されます。

私の最初のテストと最初の問題は、アイテムのリストが表示されているときに、アイテムの1つ（たとえばitemId = 4）をクリックすると、新しいタブが開き、このタブの対応する（ ui-view="bancos/4")。名前付きの ui-view を状態にマップして、状態で定義されたテンプレートを対応する ui-view に表示しようとしていることに注意してください。

私は ui-router サンプルが私が試みていることをしているように見えることを知っていますが、親状態テンプレート内の名前のない ui-view でネストされた状態を使用しています。私の場合、親状態の ui-view 要素と子状態の ui-view 要素は兄弟である必要があります。

角度のあるツリー構造の性質と、ツリー構造の ui-router 状態の性質を考慮すると、ui-router を使用して要件を実装できます (タブ ベースのデザインを使用したクラッド アプリケーション)。

よろしくダニー

Angular JS ui-router クイックスタートを IE8 で実行した人はいますか? クイック スタートはこちら: ui-router クイック スタート

Chrome では動作しますが、IE8 では動作しません。

ありがとう！

[編集] angular jsの下でieドキュメントを読みましたが、提供された修正は問題を解決していないようです(forEachメソッドがありません)。この修正は、angular js の問題のみに対処し、angular-ui-router の問題には対処しません。

機能するのは、 AngularJS - IE8 html templateの回答だけです。基本的に、IE ではサポートされていない forEach の実装を提供します。

ルーティングの解決に質問のリストがあります。forEach次に、親スコープからのリストを使用して質問を取得し、から指定されたアイテムを見つける質問のアイテム ビューがあります$stateParams。

ビューで、ユーザーは質問に答えることができます。また、過去の提出物を表示することもできます。質問のリストを更新して、正解したときにチェック マークを付ける必要があるため、一番上のスコープをリロードする必要があると思いますが、からリロードする方法がないようui-routerです。

ユーザーが正しく答えたかどうかを知る唯一の方法は、提出物リストを更新するか、問題リストを更新することです。回答の投稿は通常の (非 AJAX) POST によって行われ、回答はタスク キューによって非同期的にチェックされます。

TLDR: 基本状態で解決機能を動作させることができず、名前付きビューに正しいものを表示させることができません。

次のような名前付きビュー ( docs here ) を持つ一連の作業ルートがあります。

promise を介して lodash をロードする解決策を追加する必要があります。

この解決をインデックスの状態にアタッチすると、正常に動作します。しかし、私は多くの州で lodash が必要なので、すべての州に対してロードするだけです (別の方法として、このベースを「util」と呼び、それを必要とする州のベースとして追加することもできます:

名前付きビューが読み込まれていないため、うまくいきません。空白のページが表示されるだけです。しかし、解決は打たれています。ページはエラーなしで正常に読み込まれ、layout.jade のページ ヘッダーなどが読み込まれます。そこで、A/B ビューをbase状態に追加してみました。

Crud、ビューが読み込まれるようになりましたが、正しくありません。A ビューはマークアップに 2 回ありますが、B ビュー (インデックス ページでは空) はまったくありません。短期的には、状態宣言の外に解決関数を作成し、それを各状態の解決に入れることで、これを修正できると思います。

また、もう 1 つの複雑な問題: ほとんどのコントローラーは独自のファイルで宣言されているため、views 行は次のようになります。

最初のルートが機能し、state1.jadeレンダリングされたファイルが表示されます。state1list.jadeしかし、同じバックエンドを使用してレンダリングされたファイルが表示されません。

url:"/state1"angular-ui-routerの for は何ですか? それが可能な問題である場合。

私はnodejsを使用しているので、サーバーは次のようになります

angular-ui@github で例を使用して実行する

Angular UI-Router を使用して子 URL にリンクしようとしています (非常に新しい)

私は持っている：-

製品と顧客に移動できますが、products.edit 状態には移動できません。

こちらがプランカー