javascript - AngularJS:ng-modelが別のモデルで満たされている場合、どのように影響を与えるのですか?

Question

たとえば、私はこれを持っています：

    <input type="text" ng-model="model_1" value="{{model_2}}" />
    Show me {{model_1}}

問題は、model_2 が変更されたときに、「Show me {{model_1}}」が新しい値に変更されないことです。

Answer 1

 <input type="text" ng-model="model_2" />
 Show me <span ng-bind="model_1" />

そしてあなたのコントローラーで

 scope.$watch('model_2', function() {
    scope.model_1 = scope.model_2
 }); 

更新: 1 つのスコープ プロパティを他の 2 つの合計にする必要があるため、両方を監視する必要があります。

 scope.$watch('model_1', updateModel3);
 scope.$watch('model_2', updateModel3);

 function updateModel3(){ 
   scope.model_3 = scope.model_1 + scope.model_2
 }

マークアップ付き

 <input ng-model='model_1' />
 <input ng-model='model_2' />
 <span ng-bind='model_3' />

Answer 2

技術的には、valueまたはを設定してng-valueもモデルは変更されません。model_1に新しい値を割り当てる必要があります。できるよ

<input type="text" ng-model="model_2" ng-change="model_1 = model_2"/>
<input type="text" ng-model="model_1"/>

Answer 3

valueAngularJS では、属性を使用する必要はありません。ng-modelが値を表示します。私の経験では、ng-modelとvalueを同じタグに付けると、常に競合が発生します。そのうちの 1 つが無視され、value通常はそれが無視されるようです。