Q&A
AngularJSを使用してテキストエリアを作り、入力した値をすぐ下に表示するものを作成しました。
テキストエリアに入力すると、正常に動作する（１）のですが、
jsで入力フォームに値をセットすると、正常に動作しません。（２）
ソース↓
<html ng-app="myApp"> <body> <div ng-controller="myController"> <textarea id="test" name="test" ng-model="testtext"></textarea> <div>表示：{{testtext}}</div> </div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script> <script> angular.module('myApp', []) .controller('myController', ['$scope', function ($scope) { $scope.testtext = ''; }]); </script> </body>操作：（１）テキストエリアに"test"と入力すると、表示：test
操作：（２）chromeconsoleよりdocument.getElementsByName("test")[0].value = "test2"を実行すると、表示：
どうしたら、（１）の表示のようになるでしょうか？
AngularJS初心者です。よろしくお願いいたします。
回答1件
0
操作：（２）chromeconsoleよりdocument.getElementsByName("test")[0].value = "test2"を実行すると
Angularのような仮想DOM系ライブラリで管理されているDOM要素を、それ以外のルートで書き換えた場合、正常に動作しません。
どうしたら、（１）の表示のようになるでしょうか？
なぜそのようなことをしたくなったのでしょうか？
投稿2020/05/30 13:23
総合スコア146018
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/30 13:27