問題タブ [angularjs-scope]

ng-include 内の html からコントローラ ExampleCtrl の $scope.myProperty の値を設定できないのはなぜですか。しかし、$scope.myObj.myProperty を定義し、html で参照すると、正常に動作するようになりng-model="myObj.myProp"ますか?

例：

ng-include が新しいスコープを作成することは理解していますが、インクルードの html から親スコープの単純なプロパティが表示されないのはなぜですか?

ありがとう

私はここにフィドルを持っています：http：//jsfiddle.net/KdkKE/44/

私がやりたいのは、「トグル」コンポーネントを作成することです。基本的にはカスタムチェックボックスですが、コントローラーのブール値にバインドされているtrueまたはfalseの場合に変更されるhtmlを使用します。

ユーザーがトグルをクリックすると、モデルが更新され、ディレクティブのビューが変更されます。ディレクティブドキュメントhttp://docs.angularjs.org/guide/directiveの最後にある例と似ていますが、起動時に正しくなるように状態がバインドされます。

-

分離スコープを必要とするディレクティブを作成していますが、 ngModelを介して親スコープにバインドしたいと考えています。

ここでの問題は、親のスコープ値が変更されていないことです。

マークアップ

JS

デモ:フィドル.

ディレクティブに分離スコープを使用しない場合、これは正常に機能します

デモ:フィドル.

コントローラーには 2 つの関数があります。

• showEditScreenユーザー レコードを実際にロードする関数 です$resource.get。
• updateUserDetailsユーザーを更新する関数。

showEditScreen関数ではすべてが機能しています。ユーザーの詳細は json を介して解析され、$scope.userオブジェクトを見ると$get、 、$post、などの関数$updateが存在します。

関数内の同じ (変更されていない) オブジェクトを見ると、オブジェクトが変更されており、、updateUserDetailsなどのすべての関数が欠落しています。$get$post$update

これは本当に奇妙な振る舞いです。誰かこれについて説明がありますか？

http.put を使用すると、ところでオブジェクトを保存できます。

console.log($scope.user) showEditScreen() 関数の出力

updateUserDetails() 関数の console.log($scope.user):

updateUserDetails() 関数で $scope.user.$update() を実行する場合:

HTML:

コントローラ：

サービス：

問題が解決しました!!!!

サービス：

I'm trying to change an input box value referring to its model. The input box is inside an ng-repeat, that gets its elements from a function and not from a variable.

Is there a way for the application to print the model full path/name so that I can refer to it from the controller? (Note that the models are working, since a division beneath it with ng-show responds properly to the input model being filled.)

私はそのようなマークアップを持っています：

ワークフローは次のとおりです。ユーザーがクリックaし、ポップアップで編集するためにajaxを使用してデータをロードしたい：

問題は、データを親スコープに保持したくないということです（TileController）データをスコープにロードしたいTileBeanController。しかし、どうすれば親コントローラーからそれを行うことができますか？または、おそらくより良いアプローチがありますか？

$watchトリガーされない理由を理解しようとしています。これは、関連するコントローラーのスニペットです。

私の見解でtasksは、長さが次のようにバインドされているため、明らかに正しく更新されています。

私は何が欠けていますか？

この場合、$scope.list を特定の「id」で更新する方法を知っている人はいますか? 特定の要素だけを変更する方法を知りたいです。ありがとう！

angular Docs に記載されているように、AngularJS には DOM ベースのコントローラー継承があります。

スコープ変数「値」は BaseController にのみ存在します。これに基づいて、BaseController または DerivedController のメソッドで値を変更しながら、両方の値を更新する必要があるとします。ただし、個々のスコープ変数のみが更新されます。

これは同じ例を示すフィドルです: http://jsfiddle.net/6df6S/1/

現在のスコープの直接の子と直接の親に伝達するために、レベルでどのように変更を行うことができますか。

これを実装するには、

$scope.$watch

それまたはそのようなウォッチャーを使用せずにこれを行う方法はありますか?

編集1：

ここで $scope.$watch を使用することで、私が意味したことです

そのようなメカニズムを使用せずに、すべてのスコープで値が更新される方法を探していました。

ng-clickに添付されたを使用してモデルを更新しようとしてい<p>ます。

の外側で代入式を使用したり、 の中でng-repeatスコープ メソッドを呼び出したりしても問題ありません。ただし、内で代入を使用すると、無視されるように見えます。Firefox コンソールに報告されたメッセージは表示されませんが、ブレークポイントを設定してイベントが発生しているかどうかを確認していません。ng-repeatng-repeat

必要に応じて、フィドルはこちらにあります（以前のいくつかのバリアントとともに）。