javascript - 使用动态变量更新 Angular 对象属性

Question

我可能缺少 Angular 渲染和分配的一些关键组件，但我认为当变量在 Controller 范围内更新时，它影响的任何区域都将被重新评估。但是，在这个简单的情况下它似乎不起作用

var myApp = angular.module('myApp',[]);


function MyCtrl($scope) {
    $scope.name = 'Superhero';

    $scope.specialObject = {
        whoawhat: $scope.name
    }
}

http://jsfiddle.net/ADukg/14138/

我希望当我更改“名称”时“specialObject.whoawhat”会更新，并且我也尝试过使用函数。如何触发对象属性的更新？

Answer 1

这是一个可以实现这一目标的示例。

代码:

<input type="text" ng-model="name" ng-change="update()">

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
   $scope.name = 'Superhero';

   $scope.specialObject = {
       whoawhat: $scope.name
   }

   $scope.update = function(){ //bind this to change

       //do whatever logic you need to do here before updating the object
       $scope.specialObject.whoawhat = $scope.name
   }
}