javascript - 未针对对象的内部属性更新 Angular 模型

Question

我下面有一个模型对象“o”，它引用另一个范围属性 testText。我希望当 $scope.testText 更新时，$scope.o.filed1 会自动更新。

var app = angular.module('app', ['kendo.directives']); 
app.controller("myCtrl", function ($compile, $scope) {
$scope.o={};
$scope.testText = 'hello';
$scope.o.filed1 = $scope.testText;

但它并没有像我预期的那样工作。这是我的在线示例。

http://plnkr.co/edit/ZHS8EdcCb5EJwQ8UUenj?p=preview

Answer 1

这是行不通的，因为它只是一项任务。试试这个:

var app = angular.module('app', ['kendo.directives']); 

app.controller("myCtrl", function ($compile, $scope) {
   $scope.o={};
   $scope.testText = 'hello';
   $scope.$watch('testText', function(newValue){
      $scope.o.filed1 = newValue;
   });
});