問題タブ [knockout-components]

afterRenderはテンプレート バインディングで動作しますが、テンプレートをコンポーネントに変換した後は、afterRender. を使用するコンポーネントの例を探してみましたが、afterRender何も見つかりません。

ko コンポーネントを使用して変換したい Web アプリと SPA があります。ある種のコンポーネント間通信をどのように行うのだろうか。

たとえば、すべてのコンポーネントが通知を送信できる「通知」コンポーネントが必要です。

メイン ビュー モデルで監視可能な配列を共有することで、解決策を見つけることができました。

と

ここを参照してください: http://jsfiddle.net/nveron/j4829y7p/

私はこのソリューションに完全に満足しているわけではありません。通知データを通知コンポーネントに保持したかったのです。

それに対処するアイデアはありますか？

次の jsperf にコンポーネント テストを追加して、ko 3.2 と他のテンプレート エンジンのコンポーネントの速度を比較することにしました。

http://jsperf.com/knockout-template-engines/19

コンポーネントは通常のテンプレートよりも 98% 高速であることがわかっているため、この結果には本当に困惑しています。何か間違ったことをしている気がしますが、理解できません。

一部の専門家はこれに光を当てることができますか? このパフォーマンスは本当ですか? それとも、ベンチマークの結果が間違っているのですか?

knockout.js でカスタム コンポーネントを作成しようとしています。

HTML

Javascript

コンポーネントは問題なく読み込まれますが、今やりたいことは、元のカスタム コンポーネント タグ内にあったコンテンツを取得できるようにすることです (例: "TEXT NEEDED" テキスト)。

どうすればこれを行うことができますか？十分に明確に説明したことを願っています。

ここにフィドルがあります：http://jsfiddle.net/WhesleyBarnard/f7bmynp5/5/

最初のタブがすべてのステーションの概要を保持し、ステーションをクリックすると新しいタブが開き、ノックアウトコンポーネントが表示されるブートストラップタブを使用した簡単な例に取り組んでいます。テンプレートを正常にレンダリングし、初期データ (Hello World) をレンダリングしていますが、.getJSON の後ではなく、何らかの理由でノックアウトが DOM を更新していないため、console.log を介してサーバーの応答を確認できました。

最初のタブがすべてのステーションの概要を保持し、ステーションをクリックすると新しいタブが開き、ノックアウトコンポーネントが表示されるブートストラップタブを使用した簡単な例に取り組んでいます。動的タブではなく静的タブを使用すると、テンプレートが正常にレンダリングされます。

タブは正常に生成されますが、何らかの理由でノックアウトは何もしていません。コンポーネントをDOMに挿入する以外に、ノックアウトをトリガーするために何かをする必要がありますか?

私のプロジェクトでは、アプリ全体で再利用する UI コンポーネントを抽象化するために、knockout.js で Web コンポーネントの実装を使用しています。それらのコンポーネントの 1 つは、アプリに関する多くの情報を含む About ポップアップです。

この About コンポーネントを抽象化することは、開発に最適です。異なるページ間で再利用でき、バックエンドではなくフロントエンドの方法論に依存してインクルードできるからです。ただし、欠点は SEO です。アプリの説明がすべての大手検索エンジンに表示されるようにしたいので、HTML 内の特定の Web コンポーネントを事前にコンパイルして、すべてのロボットに表示されるようにする必要があります。理想的なシナリオは、ビルドステップでこれを行うことだと考えています（現在、Gruntを使用してbtwをビルドしています）-つまり. <about-app>myコンポーネントのコンテンツをインライン化しますindex.html。

これを達成するためのツールを書いた人はいますか? それとも、Web コンポーネントに多くの (重要な) コンテンツが含まれるこのようなシナリオでは、別のアプローチを使用する必要がありますか?

ASP.NET MVC+Knockout を Knockout だけに置き換える作業を行っています。ASP.NET を削除して、静的な js + html だけを取得したいと考えています。

私の ASP.NET ビューは部分ビュー (私のプロジェクトではウィジェットと呼んでいます) で構成されており、この部分ビューは簡単に Knockout コンポーネントに置き換えられます.. ）、ノックアウトコンポーネントビューで同様のことを達成するにはどうすればよいですか?

簡単な例。古いasp.netスキーム:

View.cshtml:

SomeWidget.cshtml:

_WidgetLayout.cshtml:

新しいノックアウトのみのスキーム:

View.html:

View.js:

SomeWidget.html:

SomeWidget.js:

Knockout で _WidgetLayout.cshtml を置き換えるには?

jquery-file-upload から作成された modal-body に FileUpload コンポーネントがあるモーダルがあるとします。

このコンポーネントには、ビューモデルに「アップロード」というメソッドがあり、選択したファイルを調べてアップロードします。

さて、モーダルの「アップロード」ボタンを押したときにファイルをアップロードしたいと思います。これを実現するための最良かつ最もクリーンな方法はどれですか?

現在の私のコードは次のようになっています (簡単なプロトタイプ コードにすぎないことに注意してください)。

そしてコンポーネント自体：