Form的子项在$ scope中不可用

Question

我的表格如下：

<form name="myform">
  <input type="text" name="input" />
</form>

但我的输入在$scope.myform.input中不可用，{{ myform.input }}也没有。我尝试添加ng-minlength：

<form name="myform" novalidate>
  <input type="text" name="input" ng-minlength="10" />
</form>

即使输入短于10的内容，myform仍然有效。这就像输入根本不是表单的一部分。

以下是jsfiddle托管的示例：http://jsfiddle.net/saag0agc/

关于输入文本的AngularJS文档：https://docs.angularjs.org/api/ng/input/input%5Btext%5D

Answer 1

您需要 ng-model 属性。例如：

<form name="myform">
  <input type="text" name="input" ng-model="input" />
</form>

然后您可以通过以下方式访问内容：

{{ input }}

虽然我建议使用输入以外的名称/模型。

Answer 2

输入中缺少ng-model属性。

<form name="myform">
  <input type="text" name="input" ng-model="myform.input" />
</form>