問題タブ [ngreact]

ngReact を使用して、どのように双方向のデータ バインディングをエレガントにセットアップするのでしょうか?

valueと発火する単純な React 入力コンポーネントがあるとしますonChange。

value次に、AngularJS 側から、次のようなものがスコープ内で更新されることを期待します。

しかし、AngularJS スコープへの双方向バインディングを設定するよりエレガントなng-model方法はありますか?

私はこれを何年も機能させようとしてきましたが、何をしても、ディレクティブは反応コンポーネントを見つけることができません。

これらは私が含めているファイルです：

私のコンポーネントがreact-components.min.jsファイル内にあり、すべてのAngularコードがmain.min.js.

このディレクティブを機能させるには、ブラウザー内のトランスフォーマーを使用する必要があるかもしれないと述べられているので、babel を使用して試しましたが、それも機能しません。

これは私の反応コンポーネントです:

そして、react-components.min.js ファイルで、「Chat」というコンポーネントを取得しました。

しかし、それは見つかりません..他の誰もこの問題を抱えていないように見えるので、何が間違っているのでしょうか?

オブジェクトの $watched 配列を変更するときのパフォーマンスを向上させるために、ngRepeat の代わりに ngReact を使用しようとしています。

反応コンポーネントが動作し、html が正しく表示されます。<button>コントローラーに含まれるマーカーごとに、marker.titleをテキストとして作成したいと思います。

ただし、非常に遅く、ngRepeat よりもはるかに遅く、コンソールには同じエラーの無限のリストが表示されます。

これが私の React コンポーネントです (記事の最後に JSfiddle リンクがあります)。

HTML

JS

これは私の問題の (新しいバージョン) JSFiddleです。簡単な説明: - ページにマップを表示するための MapBox ディレクティブがあります。1 秒後、地図上に 3 つのマーカーをロードして、ajax リクエストをシミュレートします。- ロードされたマーカーごとに、左側のパネルにマーカーの名前を表示する役割を持つlistがプッシュされます。PanelController名前は、ng-React を使用して、React コンポーネントによって表示されます。動作しますが、システム全体を遅くするエラーがあります。

何が問題になる可能性がありますか？ありがとうございました

JsxBundleConfig で JSX をビルドし、angular ngReact ディレクティブを使用して、angular 内で反応をレンダリングしました。反応コンポーネントを含めようとするたびに、エラー Cannot read property 'render' of undefined がコンソールに表示され、何もレンダリングされませんでした

プロジェクトに ng-react を使用して reactjs を含めようとしましたが、アプリを実行すると、「反応コンポーネントの LoginComponent が見つかりません」というエラーがスローされます。

構造：

• コンポーネント(フォルダ)
  • LoginComponent.js
• コントローラー(フォルダー)
  • login.js
• ディレクティブ (フォルダー)
  • login.js
• ビュー（フォルダ）
  • login.html
• app.js

index.html:

app.js:

LoginComponent.js:

login.js(ディレクティブ):

login.html(ビュー):

login.js(コントローラー):

誰かが問題を知っていますか？

私はReactが初めてです。

ここにある「ReactGridLayout」モジュールを試して組み込みたいと思います: https://github.com/STRML/react-grid-layout

私が取り組んでいる Mean.JS v0.4 プロジェクトで。

プロジェクトに ngReact を追加し、アセットを追加することから始めました。

そして、私のモデルの module.config ファイルで:

私のクライアントコントローラーでは、以下を追加しました：

そして、私の見解では、次のように追加しました。

ただし、ページの読み込み時に次のようになります。

これは完全に予想外というわけではありません。STRML の ReactGridLayout のドキュメントには次のものが含まれています。

ただし、これをクライアント側コントローラーに含めようとしているため、「requires」を使用できません。そのため、「アセット」として追加しようとしました。

どうすればこれを回避できますか?

ありがとう！