使用Javascript對象屬性綁定範圍變量

我需要將變量與JS對象的屬性綁定。可能嗎？使用Javascript對象屬性綁定範圍變量

在我的控制器

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

在我看來

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

當我更新我的輸入框中的文本應該在<h1>更新的價值，它應該通過對象來完成。

沒有功能，沒有觀察者或任何東西，只是有約束力。可能嗎？

這是我的問題簡化。我試圖做的是創建一個包含一些變化變量的對象，並將它傳遞給一個AngularJS組件，它將顯示值的變化。 我需要傳遞一個對象，而不是單獨的不同值。

來源

2017-08-24 heysulo

你試過'ng-model =「obj.data」嗎？ – Isaac

與ng-model

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

你看你的對象綁定

<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對象屬性綁定範圍變量

回答

相關問題