Javascriptオブジェクトのプロパティを持つバインドスコープ変数

変数をJSオブジェクトのプロパティでバインドする必要があります。出来ますか？私のコントローラJavascriptオブジェクトのプロパティを持つバインドスコープ変数

... 
$scope.data = "initial value"; 
$scope.obj = {data : $scope.data} 
...

INと私の見解では

<input type="text" ng-model="data"> 
<h1> {{ obj.data }} </h1>

私はそれが<h1>に値を更新する必要があり、それがオブジェクトを介してを行わなければならない私の入力ボックス内のテキストを更新。

機能はありません。ウォッチャーなどはありません。バインディングだけです。出来ますか？

これは私の質問です。何をしようとしているのは、変化する変数を持つオブジェクトを作成し、それをAngularJSコンポーネントに渡して値の変更を表示することです。 私はオブジェクトを渡す必要があります。異なる値ではありません。 ng-model

............. 
$scope.obj = {data : "initial value"} 
................

ビューを使用してオブジェクトのバインド

出典

2017-08-24 heysulo

あなたは 'ng-model =" obj.data "'を試しましたか？ – Isaac

<input type="text" ng-model="obj.data"> 
<h1> {{ obj.data }} </h1>

出典

2017-08-24 04:29:23 azad

あなたが使用する必要があります<input type="text" ng-model="obj.data">

DEMO

var app = angular.module('testApp',[]); 
 
app.controller('testCtrl',function($scope){ 
 
    $scope.data = "initial value"; 
 
    $scope.obj = {data : $scope.data} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="testApp" ng-controller="testCtrl"> 
 
<input type="text" ng-model="obj.data"> 
 
<h1> {{ obj.data }} </h1> 
 
</body>

出典

2017-08-24 04:29:54 Sajeetharan

Javascriptオブジェクトのプロパティを持つバインドスコープ変数

答えて

関連する問題