在触发$ scope。$ watch之后更新表单输入名称值

Question

我正在使用AngularJS 1.4。 我有一个表单输入元素，并且我试图动态设置name属性。

<input type="email" name="{{ctrl.name}}" class="form-control" id="email" ng-minlength="5" required>

只要在控制器运行时声明并分配了name ，即可按预期分配name属性。 但是，在控制器使用$scope.$watch检测到参数更改后，我需要它工作。

function FormFieldCtrlFtn($scope, $log) {
    var vm = this;    
    vm.name = ''; // works if I provide a name here

    $scope.$watch(function(scope) {
      return (vm.obj);
    }, function(newval, oldval) {
      if(newval) {
        vm.name = newval.name; // need it to work when the name is updated here
        $log.info('name: ' + vm.name);
      }
    });
}

即使$scope.$watch被触发，并且vm.name变量被分配了一个有效值，在我的表单中也没有检测到该值。 有解决办法吗？

Answer 1

如果您尝试观察范围内的特定变量，我建议您进行更改：

$scope.$watch(function(scope) {
    ...
});

至：

$scope.$watch('varYouAreWatching', function(newValue, oldValue) {
    ...
});

其中varYouAreWatching是您要观看的变量。

---

这是一个可能启发您的JSFiddle