使用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对象属性绑定范围变量

回答

相关问题