次の Angular アプリケーションでは、モデルが変更されたときに更新しない{{myForm}}
でください。{{myForm.userTypeInput}}
userTypeInput
<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.0.6/angular.min.js"></script>
<script>
function Ctrl($scope) {
$scope.userType = 'guest';
}
</script>
</head>
<body>
<form name="myForm" ng-controller="Ctrl">
userType: <input name="userTypeInput" ng-model="userType">
<tt>userType = {{userType}}</tt><br>
<tt>myForm = {{myForm}}</tt><br>
<tt>myForm.userTypeInput = {{myForm.userTypeInput}}</tt><br>
</form>
</body>
</html>
最初の行はモデルに加えられた変更に従って更新されますが、最後の数行は常に同じままです。
myForm = {"userTypeInput":{}}
myForm.userTypeInput = {}
入力した値に応じて変化することを期待していましたがuserTypeInput
。