問題タブ [ember-old-router]
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.
ember.js - Emberjs は、独自のルーティング/状態を持つコンポーネントを分離して開発し、メイン アプリに統合できます。
コンポーネントを ember で開発する必要があります。
コンポーネント ロジックは、メイン アプリケーションからある程度分離されており、コンポーネント内の状態とルートを使用して、個別に分離されたアプリケーションとして作成できます。
現在、ルーティングを有効にするためにコンポーネントのルートコントローラーを「ApplicationController」として持っていますが、「applicationController」という名前はハードコードされているようです。
これで、'ApplicationController' + 関連ルーティングを持つメイン アプリケーションと、'ApplicationController' + 関連ルーティングを持つコンポーネントができました。それらを統合するのは難しそうです。
このような複数のコンポーネントで名前空間を分離する方法はありますか? コメントはこちら
したがって、主な関心事は、ルーチン/状態を分離した ember コンポーネントを開発する方法です。これは、ルーティング/状態も持つメインアプリケーションと簡単に統合できます。
編集
唯一の統合であるメインアプリケーションにバインドされているコンポーネントに2つの値があります。また、コンポーネント ルートは、統合後にアプリケーション ルートの一部として提供される必要があります。
開発中、私はちょうどできるはずです
そうは言っても、私が今抱えている主な問題は、「ApplicationControler」を使用するメインアプリケーションとコンポーネントの両方に関するものです
アップデート
同様の質問
serialization - EmberJS - find / findAll と Route.deserialize および Route.serialize はどのように関連していますか?
素晴らしい質問Ember.js - CRUD シナリオ - Specifying View from a Route find と findAll への回答で、URL を自動的に逆シリアル化するためにモデルで使用されることが言及されています。
このインターフェイスはどのように見えますか?それは本当にモデルであり、コントローラーではありませんか?
例は素晴らしいでしょう。
ember.js - emberjs ルートをどのようにテストしますか?
emberjs を見ずに数か月が経過した後、私は今、emberjs に戻ろうとしているので、新しいルーターを試しています。そして、ルートをテストしたいと思います。
emberjs でいくつかのルーティング テストを作成しようとした人はいますか?
非常に基本的な次のルーターを考えてみましょう:
root.index
ルートをロードすると が正しくロードされることをどのようにテストしますHomeView
か?
ember.js - EmberJS ルーティング: 親から子ルートを作成する
I am trying to create a route to add a child entity on a parent. My router looks something like this. I have a nested route in the parent's show, which I'm pretty sure is wrong. Doing this seems to stop the URL changing between page transition, and when I navigate to the addChild route from the parent's template through the {{action doAddChild href=true}}
, the :parent_id in the URL is undefined. I'm guessing this is because I'm not setting the context on the action which should be the parent, but where do I get that from?
What's the best way to achieve this? I'm obviously barking up the wrong tree...
javascript - EmberJS:コントローラーのアクションからルーターに移行する方法
私には行動があります:
これは、次のように(ルーターではなく)バインドされたコントローラーを対象としています。
コントローラアクションからルートにリダイレクトするにはどうすればよいですか?
ember.js - 同じネストされた状態にルーティングするが、コンテキストが異なる方法は?
私は現在、パス要素の1つが動的であるネストされたルートを機能させるのに苦労しています。それが私が達成したいシナリオです:
このページには、プロジェクトの説明が含まれています。ページ内には、さまざまなビューを選択するためのタブ メニューがあります。URLにも反映されるはずです。だから私は次のような異なるURLを持ちたい:
パラメーターを繰り返さ:project
ないために、リーフではなく、プロジェクト自体のシリアル化/逆シリアル化のみを担当するネストされたプロジェクト ルートを追加しました。最初のプロジェクトを使用している限り、すべて正常に動作します。しかし、あるプロジェクトから別のプロジェクトにリンクしたい場合があります。つまり、URL を変更する必要がurl#/project1/info -> url#/project2/info
あるため、ビューも変更して project2 に関する情報を表示する必要があります。
簡単に聞こえます。ただし、アクション ヘルパーを使用して project2 にリンクすると、プロジェクト ルートの逆シリアル化メソッドが呼び出されません。
私はすでに情報状態にあるからだと思います。ただし、コンテキストの変更をどのように伝播するのですか? フィドルで見つけることができる単純化されたケースhttp://jsfiddle.net/jocsch/HYbZj/30/または直接表示するhttp://jsfiddle.net/jocsch/HYbZj/30/show/#/project1/info
ember.js - Ember.js ルーティング - ルート/状態の変更を条件付きで防ぐ
ルート変更を防止または一時停止する方法を見つけようとしています。私の編集画面では、ユーザーが変更を保存していないときに (戻るボタンまたはその他のメカニズムで) ナビゲートした場合、ページを離れたいことを確認するように促したいと思います。と非常に似てwindow.onbeforeunload
いますが、ルーター経由です。
以前のバージョンの Ember のステートチャートは、使用できる遷移オブジェクトを提供していました。ember-latest では、これはもはや当てはまらないようです。では、これについて最善の方法は何ですか?
編集:
上記の質問は古く、リストされている回答は古いものです。Ember には、これを処理するためのネイティブな方法があります。ドキュメントを参照してください: http://emberjs.com/guides/routing/preventing-and-retrying-transitions/
ember.js - Ember.jsとember-dataを使用して新しいレコードを作成するにはどうすればよいですか?
私は見つけたさまざまなドキュメントと例からこの例をコンパイルしましたが、ルーターとember-dataを使用して新しいレコードを作成するだけの完全な例は見つかりませんでした。
例
http://jsfiddle.net/dmazza/Hb6BQ/4/
firstNameとlastNameを持つ人(DS.Model)がいます。
インデックスと作成ルートを備えたルーターがあり、作成フォームがPeopleViewのアウトレットに表示されます。
PersonCreateControllerのコンテンツとして、App.Person.createRecord({})で作成された新しいPersonの属性にバインドされたEmber.TextFieldを使用しています。
ここで@wycatsが推奨するように、アウトレットごとに個別のコントローラーを意図的に使用していることに注意してください:https ://github.com/emberjs/ember.js/issues/1050#issuecomment-6497907
問題点)
同じ問題に何度も遭遇しているようです。App.Person.find()のようなメソッドを使おうとすると、次のように表示されます。
これは次の場合に発生します。
- App.Person.find()
- App.Person.createRecord({})
- App.Store.find(App.Person)
- 他のいくつかの方法(私がそれらについて考えるとき、私はこのリストを更新します)
質問
- これらのツールを使用して、正しい方法で新しいレコードを作成することもできますか?
- 上記のエラーが発生するのはなぜですか?(Webインスペクターを開き、キャッチされていない例外で一時停止し、結果(fiddle.jshell.net)フレームにいることを確認すると、このエラーが表示されます)
ember.js - emberjs - ルーター インフラストラクチャを使用してアクティブなメニュー項目をマークする方法
ナビゲーション タブを作成しようとしています ( Twitter Bootstrapから取得):
アクティブなタブには が付いていclass="active"
ます。
http://jsfiddle.net/schawaska/pfbva/に静的ナビゲーション バーとルーター/アウトレット機能の優れた例がありますが、動的ナビゲーション バー/メニュー/タブ ビューを作成する方法がわかりません。
私が理解している限り、各メニュー項目でクラスバインディングを使用することが可能です:
しかし、 isActive 属性を切り替える適切な場所はどこでしょうか?
ember.js - App.Router をいくつかの独立したブロックに分割する方法は?
私の App.Router は巨大な管理不能な単一のコード ブロックに変わります
より冗長なスタイルで、コピーと貼り付けなしでルーティングを宣言する方法はありますか? Router 宣言を小さな独立した部分に分割する方法は?