无法使用Angular.js从输入字段获取值

时间:2016-01-27 05:14:18

标签: javascript angularjs

尝试使用Angular.js从输入字段获取值时遇到问题。我在下面解释我的代码。

在我的控制器中,代码如下所示。

$scope.shipping=0;
$scope.addProductInfoData=function(billdata){
        console.log('valid',$scope.shipping);
}

我的观点部分如下。

<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Shipping charge :</span>
<div ng-class="{ 'myError': billdata.ship.$touched && billdata.ship.$invalid }">
<input type="text" name="ship" id="shippingcharge" class="form-control" placeholder="Add shipping charge" ng-model="shipping" ng-keypress="clearField('shippingcharge');" ng-pattern="/^[0-9]+([,.][0-9]+)?$/">
<div style="clear:both;"></div>
</div>
</div>
<div class="help-block" ng-messages="billdata.ship.$error" ng-if="billdata.ship.$touched || billdata.usp.$error.pattern">
<p ng-message="pattern" style="color:#F00;">This field needs only number(e.g-0,1..9).</p>
</div>
<input type="button" class="btn btn-success" ng-click="addProductInfoData(billdata);"  id="addProfileData" value="Add"/>

在这里,当我点击控制台消息内的添加按钮时,我应该得到的运费值是0.但在这里我得到的价值为undefined.Please帮我解决这个问题。

1 个答案:

答案 0 :(得分:2)

您尚未定义shipping_status。这就是为什么它等于undefined。可能是您的变量名称中有拼写错误或打算使用$scope.shipping

更改此

console.log('valid',$scope.shipping_status);

console.log('valid',$scope.shipping);