Question

我需要使用JS对象的属性绑定变量。有可能吗？

在我的控制器中

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

在我的视图中

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

当我更新输入框中的文字时，它应该更新<h1>中的值，并且应该通过对象完成。

没有功能，没有观察者或任何东西，只是绑定。有可能吗？

这是我的问题简化。我想要做的是用一些变化的变量创建一个对象，并将它传递给AngularJS组件，在那里它将显示值的变化。 我需要传递一个对象，而不是单独传递不同的值。

Answer 1

将您的对象与ng-model

绑定

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

您的观点

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

Answer 2

您应该使用 <input type="text" ng-model="obj.data">

<强>样本

＆＃13;

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

＆＃13;

<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>

＆＃13;

使用Javascript对象属性

2 个答案: