数据未绑定到输入文本字段的范围变量

时间:2015-03-25 06:02:35

标签: angularjs

这是我的HTML标记:

<form name="quotaForm">
    <div class="form-group">
        <label for="">username:</label> 
        <input type="text" name="nameFiled"
               ng-model="username" class="form-control">
    </div>

    <button class="btn btn-primary" ng-click="updateQuota()">Update</button>
</form>

这是控制器中的代码:

$scope.updateQuota=function(){
alert($scope.username);// I am getting null data even if I entered data in field 
}

1 个答案:

答案 0 :(得分:0)

即使我在这里看不到您的所有代码,我也可以非常安全地认为这是一个范围问题。如果您在视图中使用创建新范围的指令(如ng-if),则需要引用父级。 NG-模型=&#34; $ parent.username&#34;在视图中将解决这个问题:

<form name="quotaForm">
  <div class="form-group">
    <label for="">username:</label> 
    <input type="text" name="nameFiled" ng-model="$parent.username" class="form-control">
  </div>

  <button class="btn btn-primary" ng-click="updateQuota()">Update</button>
</form>

但就像我说的那只是猜测。