Angular.js中的隱藏輸入字段不會更新

Question

我使用angularjs v1.0.7。 我有一個隱藏的表單字段，它的值與其他輸入值有關。 在http://jsfiddle.net/4ANaK/示例中，當我輸入文本輸入文件時，隱藏文件不會更新。

<div ng-controller="MyCtrl">
    <form ng-submit="action()">
      name:<input ng-model="name" type="text"  value="you name">
      <input ng-model="nice_name" type="hidden" value="Mr {{name}}" >
      <input type="submit">
    </form>
</div>

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

function MyCtrl($scope) {
    $scope.name = "David";

    $scope.action = function(){
        alert($scope.nice_name);                
    }
}

如何解決該問題？

Answer 1

嘗試1

將此添加到您的控制器可以解決您的麻煩。 它也可以解決您的實際問題嗎？

$scope.$watch('name', function (value) {
    $scope.nice_name = 'Mr ' + value;
});

http://jsfiddle.net/4kySW/

---

嘗試2

好吧，那呢？ 這純粹是在視圖中完成的。

http://jsfiddle.net/4kySW/1/

<input ... ng-change="nice_name = 'Mr ' + name" ng-init="nice_name = 'Mr ' + name">

編輯

看起來ng-init不必要。