AngularJS使用输入值属性

时间:2013-08-31 01:29:36

标签: javascript html forms angularjs

如何指导AngularJS将value属性同化到模型中?我赋予ng-model属性的任何字段都会立即将value替换为空,或者我在控制器中定义的任何内容。这是一些代码:

<form action="" method="post" ng-controller="PageCtrl">
    <input type="text" name="title" ng-model="title" value="Initial field value">
</form>

和Javascript ......

function PageCtrl($scope, Slug) {
    $scope.title = null;
}

我已尝试不设置$scope.title,将其设置为其他内容,但无论我做什么,value都会被完全忽略。我该怎么办?

1 个答案:

答案 0 :(得分:5)

是的,angularjs忽略了value属性,而有利于ng-model。最好只是从输入中删除值以避免混淆。

设置默认值的角度方式是在控制器内设置$scope.title = 'Initial field value',这是尽可能构造事物的首选方法。如果那是不可能的,那么你可以在输入上使用ng-init来做同样的事情,例如。

 <input type="text" name="title" ng-model="title" ng-init="title = 'Initial field value'">