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

Question

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

在我的 Controller 中，代码如下。

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

下面给出了我的 View 部分。

<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。但是这里我得到的值为未定义。请帮助我解决此问题。

Answer 1

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

改变这个

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

至

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