問題タブ [ember-app-kit]
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 - Ember App Kit: ルートのないコントローラーが認識されない?
ここでいくつかの質問で述べたように、既存の実行中の Ember プロジェクトを Ember App Kit を使用するように移行していますが、いくつかの問題に遭遇しました...以前は問題ではなかった別の「問題」があります:)
NotificationCollectionController
の下に配置されている がありますapp/controllers/notification/collection.js
。
ファイル「app/controllers/notification/collection.js」:
これは、名前付きアウトレットを介してレンダリングされる通知のコントローラーであるため、ルートを宣言しませんでした。
私のApplicationRoute
中で、関数内でこのコントローラーにアクセスしたい
ファイル: 'app/routes/application.js'
しかし、アプリケーションが起動してこのコードが呼び出されるとすぐに、次のエラーを追跡しました。
「アサーションに失敗しました: 'notificationCollection' という名前のコントローラーが見つかりませんでした。このルートが存在し、少なくとも 1 回は既に入力されていることを確認してください。ルートに関連付けられていないコントローラーにアクセスしている場合は、コントローラー クラスが明示的に定義されていることを確認してください。 ."
それは何を意味し、なぜ投げられるのですか?もう一度実行するにはどうすればよいですか?
ember.js - Ember App Kit: テンプレート アウトレットの viewClass が見つかりません
いくつかの s (名前付きおよび名前なし) と指定されたプロパティを持つ 1 つapplication.hbs
を宣言するテンプレートがあります。{{outlet}}
viewClass
アプリケーション.hbs :
そして私のビューファイルは下に置かれます
しかし、Ember App Kit はcontent-container
ビューを見つけることができません!
キャッチされないエラー: アサーションに失敗しました: パス 'views/application/content-container' でビューが見つかりません
私は何か間違ったことをしていますか?
編集
その間、私は簡単な回避策を実行し、次のように呼び出します
しかし、これは私に余分な<div>
レイヤーを与え、「エレガントではない」私見です...
javascript - フィクスチャなしで Ember-App-Kit に Ember-Validations を実装する方法
これは、この投稿のほぼ複製であり、 ember -validations (EAK なし) の非常に優れた例がここにあります。. しかし、誰かが私のためにこれの EAK バージョンを実行できるかどうか疑問に思っています.1 つの違いは、ユーザーがフォーム入力をぼやけさせた場合にのみ、JSBIN の検証エラーが表示されることです。この jsbin は、ロード時のエラーを示しています。検証メッセージは、オンロードではなく、フィールドが初めてフォーカスされた後に届くことを期待しています。これが JSBIN 実装のアーティファクトなのか、それとも ember-validations の実際に期待される機能設計なのかはわかりません。これだけを持つ git または bitbucket のクリーンな EAK を見てみたいです。index.hbs に同じ 5 つまたは 6 つの入力があり、検証オブジェクトに同じ 5 つの要素を持つコントローラーに関連付けられていますが、違いはありません。コントロールがユーザーによって少なくとも 1 回操作されるまで、エラーは表示されません。ユーザーが端末で ember-validation を EAK に追加するために行った手順を確認できれば、非常にうれしいです。なぜなら、現在、私は以下のこの調査に従っており、おそらく問題が EAK の実装ではなく、むしろ問題であるかどうかわからないからです。そもそも ember-validations.js をアプリに導入した方法です。これをどのように行うべきかについていくつかの矛盾する提案がありましたが、現時点では、スクリプトが含まれているかどうかに問題があるかどうかを判断するのが難しいページに少なくともエラーメッセージが表示されています. そもそも自分のアプリに js を追加します。これをどのように行うべきかについていくつかの矛盾する提案がありましたが、現時点では、スクリプトが含まれているかどうかに問題があるかどうかを判断するのが難しいページに少なくともエラーメッセージが表示されています. そもそも自分のアプリに js を追加します。これをどのように行うべきかについていくつかの矛盾する提案がありましたが、現時点では、スクリプトが含まれているかどうかに問題があるかどうかを判断するのが難しいページに少なくともエラーメッセージが表示されています.
これにより、アプリの読み込み時に強調表示されたエラーを確認できます。ただし、私の試みでは、満足のいく入力が追加された後、エラーがクリアされたり、続行ボタンが有効になったりすることはありません。したがって、JSBIN および OP と同じ不要な機能を使用しています。これは、より基本的な ember js の質問、または基本的な EAK の質問かもしれませんが、EAK(ES6) 形式で設定された簡単な ember-validation を見てみたいです。ファイルのリスト、それらの場所、またはさらに良いのはクローンするgitです。
また、可能であれば、FIXTURES や DS ストアを使用せずにこれを行うことを検討しています。コントローラーで単純なオブジェクトを考えています。ドキュメントには、オブジェクトが作成されるとすぐに検証が開始されるように見えます。では、フォーム コントロールが操作されるまで検証を延期するにはどうすればよいでしょうか。
ありがとう!
編集:だから、私はEAKアーキテクチャを実現することができました...私のソリューションに興味がある人は誰でも、今すぐbitbucketリポジトリを調べて楽しむことができます!
編集2:だから、これについてもう少し見て考えてください。それは理にかなっています。それをぎこちなくしているのは、私のスタイリングとメッセージ言語だけです. もちろん、presents: プロパティはそれらをエラーのように見せますが、実際には、注意が必要なフィールドを強調して、cta やアクションの呼び出しとしても過小評価されています。フィールドが最初に空の場合、それらをエラーのように考えるのではなく、注目を集めるように考えてください。フィールドが inValid である限り、私のボタンは無効になっているため、ユーザーがボタンのプレゼンスやその他のプロパティを満たさずにボタンを送信したというユースケースは決してないため、それ以外のときにメッセージを表示する理由はありません。検証オブジェクト。したがって、私の「問題」を解決するには、エラーについて別の方法で考える必要があります。エラー クラスでスタイルを設定する代わりに、通常どおりスタイルを設定し、プレゼンスが満たされると、チェックマークなどのわかりやすいものを表示します。したがって、実際には、これらの検証は私が望むように機能しています。メッセージエラーのスタイリングのすぐに使える性質に従わないだけの問題です。
ダブルありがとう!
javascript - Ember API Kit を使用してモデル データを変更できない
私はここ数週間、Ember の基礎を学ぼうとしていますが、現在、コントローラーのアクションを介してモデルのデータを変更する際に問題が発生しています。
私が見つけたすべての例は、1 次元フィクスチャを使用しているようです。私が使用しているフィクスチャは次のようになります。
私のコントローラーは次のようになります。
これがルーターです。
ハンドルバー テンプレート内のeach
ブロックは次のとおりです (かさばりすぎるため、残りは削除しました)。
私はまだ Ember に非常に慣れていないため、できるだけ多くのコードを含めました.
掘り下げすぎないように、ここにいくつかの追加情報を示します。handlebarsテンプレートには、スパン内に {{action "isActiveTog" this.id on="click"}}という行があります。
これは、ループ内でクリックされた「classgroup」レコードのモデル内のisActiveTog
の値を切り替えるために使用するコントローラーの関数を呼び出します。isActive
each
たとえば、ユーザーが「クラス 1」をクリックすると、 へのアクション コールがありisActiveTog
、ID = 123 が渡されます。コントローラでのアクションで、ClassGroup[123][isActive] の値を 0 から 1 に切り替えるか、またはその逆にする必要があります。逆。
{{classCount}}
テンプレートを挿入して出力に「3」が表示されるため、コントローラーが正しく呼び出されていると言えます。したがって、問題は、コントローラーで値を切り替える方法を理解できないことです。
アクションに渡されたものと同じ IDthis.store.find()
を持つ行を検索し、そのクラス レコードの isActive 値にアクセスするにはどうすればよいでしょうか。classgroup
次にthis.store.set()
、モデルに書き戻すために使用する必要があります。
ember.js - firebase と emberfire の依存関係を ember.js アプリに追加する (ember-cli)
私は emberjs 初心者で、ember-cli を使用して作成した ember アプリケーションに「firebase」と「emberfire」の依存関係を追加する方法を探しています。bower を使用してこれら 2 つの依存関係をインストールしましたが、次のエラーが発生します。
ここに私のアダプターがあります:
私は何をすべきか?私は何かを逃したに違いないことを知っていますが、私はすでに何時間も費やしており、与えられた答えは大きな助けになるでしょう! 前もって感謝します :)
javascript - sinon を使用した Ember App Kit での Ember Simple Auth のテスト
Ember App Kit アプリケーションで Ember Simple Auth をテストするときに、サーバー ログイン応答をモックしたいと考えています。ただし、次のコードでは、訪問関数でクリック アクションが呼び出されると、「入力の予期しない終了」という不透明なエラーが発生します。
#identification および #password 入力フィールドが存在し、それらを含むフィールドに送信ボタンが存在します。
ヘッダーに sinon と qunit を含めています。私はシノンを間違った方法で呼んでいますか、それとも他の間違いを犯していますか?
編集: 解決策: sinon-qunit も含めることで、問題は解消されました。sinon-qunit を含めないと、Ember App Kit の qunit テストで sinon を使用できないようです。
編集 2:ここで sinon を使用してログイン応答をモックするテストを使用して例をオープン ソース化しました: https://github.com/digitalplaywright/eak-simple-auth
ember.js - ember-app-kit で testem を使用してテストを実行すると、api-stubs が失敗する
テスト用に ember-app-kit で提供されている api-stubs を利用しようとしています。
ブラウザでサイトを表示したり、ブラウザでアクセスしてテストを実行したりすると、スタブは正しく/tests
機能します。
ただし、コマンド ラインから testem を使用して ( を実行してgrunt test:server
) テストを実行すると、スタブ データが返されないため、テストは失敗します。
ここで問題を示す最小限の例を見つけることができます: https://github.com/tomclose/minimal_eak_test_stub_problem、最新バージョンの ember-app-kit から作成されました。
私は何を間違っていますか?