問題タブ [angularjs-controlleras]

私は Angular のチュートリアルに従っていますが、JSON データを表示しようとしていますが、何か間違っていることはわかっていますが、適切な方法がわかりません。

私のスコープのどこかapp.jsが台無しになっていることを知っています。

Family Name各商品の表示方法を教えてください。

これが私が持っているレイアウトです：

app.js

HTML

JSON レイアウト

angularのスタイルガイドに従おうとしていますが、thisinstedを使用する必要があると書かれていscopeます...

スタイルガイド

を使用できる場合、誰かが私に説明してもらえますthisか?

これが私の試みです.....私が間違っていることは何ですか?

フォームを切り替えようとしています....ここに私のhtmlコードがあります:

クラシック$scopeでは、コントローラー内で次のようにします。

しかし、thisそれは次のように見えるはずです（しかし動作しません）：

誰でもこれを理解するのを手伝ってもらえますか?

私は以下を持っています（これもPlunkerにあります）：

コンソールを見ると、メッセージが 1 つしか表示controller instantiatedされず、2 番目の受信ボックスだけにその下にバインドされた値が出力されています。

2 つの別個のコントローラーがインスタンス化されることを期待していましたが、実際に値を入力すると、2 つの独立したスコープがあるように見えますが、初期状態を説明することはできません。

これは私のモーダル関数です:

モーダル用に別のコントローラーを持ちたくないので、パラメーターを個別にマッピングするのではなく、 $scope をパラメーターとして指定します。したがって、ビュー側では、すべての $scope 変数を使用できます。

昨日、コントローラーを次のような controllerAs 構文に更新しました。

このモーダル関数をこの新しい構文にどのように適応させることができますか? 私にとっての課題は、モーダルウィンドウのビューをメインビュー（モーダルなし）でも複数回再利用することです。また、このビューは、「data」ではなく、新しい構文「vm.data」にすでに適応しています。

VM をスコープとして指定しようとしましたが、うまくいきませんでした。どうすればこれを処理できますか?

編集：

関数を次のように変更しました。

だから私はこの行を追加しました：

今は大丈夫そうです。しかし、スコープから idea 変数と nextstate 変数を使用する必要があります。vm のものも使用するにはどうすればよいですか?

ディレクティブを使用する簡単な例を次に示します (公式ガイドから引用) - JSFiddle

上記のディレクティブは、その親コン​​トローラーと同じスコープを持ちます。コントローラーと構文で同じことを行うにはどうすればよいですか?

分離されたスコープでこれを行うことは可能ですが、ディレクティブ用に別のスコープを作成しないソリューションを探しています。それは単に可能ですか？

controllerAs、bindToController、およびrequire: '^ngController'からすべてを試しましたが、成功しませんでした。

angularJSを学んでいます。angularJSを使用して電卓を試しました。2 つのコンボ ボックスには入力があり、もう 1 つのコンボ ボックスには操作があります。ユーザーがボタンをクリックすると、ユーザーが選択した操作に基づいて結果を表示する必要があります。しかし、出力が表示されない理由を見つけることができませんでした。手伝っていただけませんか

ありがとうマニバンナン

私は ng-Dialog で Angular / Typescript を使用しています。この段階で、ng-Dialog はテンプレートを希望どおりに正しく表示しています。ただし、データは表示されません。シナリオは次のとおりです。すべての連絡先リストを表示する詳細ページがあります。ユーザーが連絡先をクリックすると、ContactController.selectRecord 関数が呼び出され、選択された行のインデックスが渡されます。この関数は、指定された連絡先を見つけて、ダイアログをポップします (この段階まで、データを含めてすべてが機能しています)。ただし、ダイアログがポップされると、値は表示されません。コードは次のとおりです (コードは簡潔にするためにトリミングされています)。

}

_MaintainContat.Html のコードは次のとおりです (簡潔にするためにトリミングされています)。

私は ng-dialog ie controller: this または controller: "ContactController"、controllerAs: "ContactController as VM" または controllerAs: "VM" の多くのオプションを試しましたが、どれも機能しません。

欠けているビットについて誰か教えてください。コメントをお待ちしております。

次のステップは、更新されたデータを _MaintainContat.Html から ContactController に渡すことです。

どんな助けでも大歓迎です。

どうもありがとう

すべての新しい作業では、ControllerAs構文を使用しvmて、ビュー内でコントローラーを参照できるようにします。これは素晴らしいことです。

$scopeただし、構文を使用する古いコードの大部分はまだ残っています。特に、親コントローラーの関数をng-click="groupClick"通常呼び出す私のディレクティブの使用の1つ。このビューは構文で構築されているため、これはもう機能しません。groupClick$scopeContollerAs

既存のコードは次のようになります (簡略化)

<a>（変更できないテンプレートを介して提供される）を呼び出して取得するにはどうすればよいですかvm.groupClick。理想的には$scope、単にgroupClick作業を開始するためにコントローラーに追加したくない

私のコントローラーコード: