2017-07-30 63 views
0

內部條件,我試圖讓使用angularjs表單提交ng-submit="method"如何從角JS NG-如果輸入框

在角JS控制器數據通常所有的數據,我可以在控制器看到使用alert()數據。現在問題是如果我在角度形式內使用ng-if條件,那麼這個特定的字段值顯示爲undefined。我該如何解決這個問題?

<div class="row" id="BarcodeDiv"> 

    <span ng-model="br" ng-init="br=1" id="br" style="display:none;"><i class="fa fa-etsy" aria-hidden="true"></i></span> 

    <span ng-if="br==2"> 
     <div class="col-sm-6"> 
      <label>Serial Number</label> <span ng-click="barCodeChanger()" style="cursor:pointer;"><i class="icon-rotate-cw3"></i></i></span> 
    <input type="text" name="Barcode" ng-model="Barcode1" class="form-control" placeholder="123"> 
</div> 
<div class="col-sm-3"> 
    <label>From</label> 
    <input type="text" name="StartFrom" ng-model="StartFrom" id="StartFrom" class="form-control" placeholder="4" style="padding:5px;"> 
</div> 
<div class="col-sm-3"> 
    <label>To</label> 
    <input type="text" name="ToEnd" ng-model="ToEnd" id="ToEnd" class="form-control" placeholder="9" style="padding:5px;"> 
</div> 
</span> 
<span ng-if="br==1"> 
      <div class="col-sm-12"> 
       <label>Serial Number</label> <span ng-click="barCodeChanger()" style="cursor:pointer;"><i class="icon-rotate-ccw3"></i></span> 
<input type="text" name="Barcode" ng-model="Barcode" class="form-control" placeholder="123"> 
</div> 
</span> 

</div> 
+2

不綁定到範圍的屬性。綁定到作用域上的對象的屬性。 ng-if定義了自己的範圍。另外,不要使用ng-init。初始化控制器代碼中的值。 –

回答

0

記住ng-if餘地true所以增值經銷商就不會在你的控制器一定表示。嘗試用ng-show替換ng-if。你應該看到這些值。但是,ng-ifng-show更有效。
另一種選擇是在你的控制器中創建對象,比如說$scope.submitData = {},並通過這個對象綁定Barcode1 ......。因此,在你的控制器,你將不得不初始化`$ scope.submitData = {}」,並在視圖中,您將引用它作爲

ng-model='submitData.Button1

+0

我創建的對象,但結果相同。 ng-show不符合我的要求 –