2016-08-15 89 views
2

任何人都可以幫助我嗎?在我的代碼中,我有一個用戶必須輸入的表單,但值不是全部數據。所以,我已經爲之前輸入的數據設置了ng重複的值。而且,我想使用角度來發布它,但是ng重複的數據返回「undefined」。角度http.post輸入與ng重複和輸入沒有ng重複

有沒有什麼可以治癒嗎?這裏是我的代碼

<form class="sky-form" ng-submit="formDataDiri()" name="datadiriForm" novalidate> 
    <div class="row"> 
     <div class="col col-12"><img src="images/icon_namapasien.png" alt=""/> Nama Pasien</div> 
    </div> 
    <div class="row"> 
     <div class="col col-12"> 
      <label class="input disabled" ng-repeat="data in dataDiri"> 
       <input type="text" value="{{data.name}}" placeholder="{{data.name}}" name="name" ng-model="nama" disabled=""> 
      </label> 
     </div> 
    </div><!-- /row --> 

    <div class="row"> 
     <div class="col col-12"><img src="images/icon_tgl.png" alt=""/> Tanggal Lahir</div> 
    </div> 
    <div class="row"> 
     <div class="col col-4"> 
      <label class="input disabled" ng-repeat="data in dataDiri"> 
       <input type="text" value="{{data.birth_day}}" placeholder="{{data.birth_day}}" name="name" ng-model="nama" disabled=""> 
      </label> 
     </div> 
     <div class="col col-5"> 
      <label class="input disabled" ng-repeat="data in dataDiri"> 
       <input type="text" value="{{data.birth_month}}" placeholder="{{data.birth_month_name}}" name="name" ng-model="nama" disabled=""> 
      </label> 
     </div> 
     <div class="col col-3"> 
      <label class="input disabled" ng-repeat="data in dataDiri"> 
       <input type="text" value="{{data.birth_year}}" placeholder="{{data.birth_year}}" name="name" ng-model="nama" disabled="" > 
      </label> 
     </div> 
    </div><!-- /row --> 

    <div class="row"> 
     <div class="col col-12"><img src="images/icon_gender.png" alt=""/> Jenis Kelamin</div> 
    </div> 
    <div class="row"> 
     <div class="col col-12"> 
      <div class="select"> 
       <label class="select"> 
        <select name="JKelamin" ng-model="jeniskelamin" required=""> 
         <option value="">Pilih Jenis Kelamin</option> 
         <option value="1">Pria</option> 
         <option value="0">Wanita</option> 
        </select> 
        <i></i> 
       </label> 
      </div> 
     </div> 
    </div><!-- /row --> 

    <div class="row"> 
     <div class="col col-12"><img src="images/icon_alamat.png" alt=""/> Alamat</div> 
    </div> 
    <div class="row"> 
     <div class="col col-12"> 
      <label class="input disabled"> 
       <input type="text" value="" ng-model="alamat" name="address" required=""/> 
       <input type="hidden" name="name" value="0" ng-model="kodekota"> 
      </label> 
     </div> 
    </div><!-- /row --> 

    <div class="row"> 
     <div class="col col-12"><img src="images/icon_telp.png" alt=""/> Nomor Telepon/Hp</div> 
    </div> 
    <div class="row"> 
     <div class="col col-12"> 
      <label class="input disabled"> 
       <input type="text" value="" ng-model="notelp" name="hp" required="" minlength="6" maxlength="13"/> 
      </label> 
     </div> 
    </div><!-- /row --> 

    <div class="row"> 
     <div class="col col-12"><img src="images/icon_layanan.png" alt=""/> Layanan</div> 
    </div> 

    <div class="tabform"> 
     <ul class="tabs" ng-model="layanan"> 
      <li class="tab-link" data-tab="tab-1" ng-click="homeservice()"> <span class="homeservice">Home Service</span></li> 
      <li class="tab-link current" data-tab="tab-2" ng-click="periksalab()"><span class="periksalab">Periksa di Lab</span></li> 
     </ul> 

     <div id="tab-1" class="tab-content"> 
      <div class="row"> 
       <div class="col col-12"><img src="images/icon_tgl.png" alt=""/> Tanggal Pemeriksaan</div> 
      </div> 
      <div class="row"> 
       <div class="col-md-12"> 
        <label class="input disabled"> 
         <input type="text" ng-model="hs" class="datepicker1" /> 
        </label>          
       </div> 
<!--            <div class="col col-4"> 
                <label class="select"> 
                 <select name="tanggalPeriksaHS" ng-model="dateperiksa" required=""> 
                  <option value="">Tanggal</option> 
                  <option ng-repeat="n in range(1,31)" value="{{n}}">{{n}}</option> 
                 </select> 
                 <i></i> 
                </label> 
               </div> 
               <div class="col col-5"> 
                <label class="select"> 
                 <select name="bulanPeriksaHS" ng-model="monthperiksa" required=""> 
                  <option value="">Bulan</option> 
                  <option value="01">Januari</option> 
                  <option value="02">Februari</option> 
                  <option value="03">Maret</option> 
                  <option value="04">April</option> 
                  <option value="05">Mei</option> 
                  <option value="06">Juni</option> 
                  <option value="07">Juli</option> 
                  <option value="08">Agustus</option> 
                  <option value="09">September</option> 
                  <option value="10">Oktober</option> 
                  <option value="11">November</option> 
                  <option value="12">Desember</option> 
                 </select> 
                 <i></i> 
                </label> 
               </div> 
               <div class="col col-3"> 
                <label class="select"> 
                 <select name="tahunPeriksaHS" ng-model="yearperiksa" required=""> 
                  <option value="">Tahun</option> 
                  <option value="2016" selected>2016</option> 
                 </select> 
                 <i></i> 
                </label> 
               </div> --> 
     </div><!-- /row --> 

     <div class="row"> 
      <div class="col col-12"><img src="images/timeperkiraan.png" alt=""/> Perkiraan Jam Home Service</div> 
     </div> 
     <div class="row"> 
      <div class="col col-12"> 
       <label class="select disabled"> 
        <select data-ng-options="h.id as h.time for h in dataHomeService.home_service_time" name="gender" ng-model="jamlayanan"> 
        </select> 
        <i></i> 
       </label> 
      </div> 
     </div><!-- /row --> 

     <div class="row"> 
      <div class="col col-12"><div class="smallprice">Tambahan biaya home service Rp <span>0.00</span></div></div> 
     </div> 

    </div> 
    <div id="tab-2" class="tab-content current"> 
     <div class="row"> 
      <div class="col col-12"><img src="images/icon_tgl.png" alt=""/> Tanggal Pemeriksaan</div> 
     </div> 
     <div class="row"> 
      <label class="input disabled"> 
       <input type="text" ng-model="periksa" class="datepicker2" /> 
      </label> 

<!--            <div class="col col-4"> 
                <label class="select"> 
                 <select ng-model="dateperiksa" required="" name="tanggalPeriksaPL"> 
                  <option value="">Tanggal</option> 
                  <option ng-repeat="n in range(1,31)" value="{{n}}">{{n}}</option> 
                 </select> 
                 <i></i> 
                </label> 
               </div> 
               <div class="col col-5"> 
                <label class="select"> 
                 <select ng-model="monthperiksa" required="" name="bulanPeriksaPL"> 
                  <option value="">Bulan</option> 
                  <option value="01">Januari</option> 
                  <option value="02">Februari</option> 
                  <option value="03">Maret</option> 
                  <option value="04">April</option> 
                  <option value="05">Mei</option> 
                  <option value="06">Juni</option> 
                  <option value="07">Juli</option> 
                  <option value="08">Agustus</option> 
                  <option value="09">September</option> 
                  <option value="10">Oktober</option> 
                  <option value="11">November</option> 
                  <option value="12">Desember</option> 
                 </select> 
                 <i></i> 
                </label> 
               </div> 
               <div class="col col-3"> 
                <label class="select"> 
                 <select ng-model="yearperiksa" required="" name="tahunPeriksaPL"> 
                  <option value="">Tahun</option> 
                  <option value="2016" selected>2016</option> 
                 </select> 
                 <i></i> 
                </label> 
       </div> --> 
      </div><!-- /row --> 
     </div> 
    </div><!-- /tabform --> 

    <hr class="lineform" /> 
    <button class="btn-yellow" type="submit" name="submit" ng-disabled="datadiriForm.$error.required">Lanjutkan Pemeriksaan</button> 
    <span ng-show="datadiriForm.$error.required"><center>Mohon mengisi dengan lengkap terlebih dahulu</center></span> 
</form> 

這裏是我的后角代碼:

$scope.formDataDiri = function(){ 
     alert($scope.nama); 
     if($scope.layanan == '0'){ 
      $http({ 
      method: 'POST', 
      url: '/api/v1/order/datadiri', 
      data:{ 
      nama_pasien: $scope.nama, 
      birth: $scope.year + "-" + $scope.month + "-" + $scope.date, 
      gender: $scope.jeniskelamin, 
      address: $scope.alamat, 
      city_code: "0", 
      phone: $scope.notelp, 
      service: $scope.layanan, 
      //test_date: $scope.yearperiksa + "-" + $scope.monthperiksa + "-" + $scope.dateperiksa, 
      test_date: $scope.hs, 
      service: $scope.layanan, 
      test_date_day: $scope.dateperiksa, 
      test_date_month: $scope.monthperiksa, 
      test_date_year: $scope.yearperiksa, 
      home_service_times: $scope.jamlayanan, 
      code: $scope.survey, 
      jawaban: $scope.lainnya 
      } 
     }).success(function(data,status){ 
      $scope.dataPasien = data; 
      //alert($scope.nama); 
      $window.location.href = 'doctor/order/lab'; 
     }); 
     }else{ 
      $http({ 
      method: 'POST', 
      url: '/api/v1/order/datadiri', 
      data:{ 
      nama_pasien: $scope.nama, 
      birth: $scope.year + "-" + $scope.month + "-" + $scope.date, 
      gender: $scope.jeniskelamin, 
      address: $scope.alamat, 
      city_code: "0", 
      phone: $scope.notelp, 
      service: $scope.layanan, 
      //test_date: $scope.yearperiksa + "-" + $scope.monthperiksa + "-" + $scope.dateperiksa, 
      test_date: $scope.periksa, 
      service: $scope.layanan, 
      test_date_day: $scope.dateperiksa, 
      test_date_month: $scope.monthperiksa, 
      test_date_year: $scope.yearperiksa, 
      home_service_times: $scope.jamlayanan, 
      code: $scope.survey, 
      jawaban: $scope.lainnya 
      } 
     }).success(function(data,status){ 
      $scope.dataPasien = data; 
      //alert($scope.nama); 
      $window.location.href = 'doctor/order/lab'; 
     }); 
     } 

謝謝你對我的幫助。

+0

formDataDiri功能沒有參數($ scope.formDataDiri =()函數),但卻又跟參數調用它(NG-提交= 「formDataDiri(數據)」) –

+0

另一件事,爲什麼沒有你整個表單使用ng-repeat?然後在提交發送該數據變量,它將被定義爲 –

+0

嗨,@ImantsVolkovs正如我之前所說,並非所有的數據都存儲在我的後端...所以在這種情況下,只有2個數據是呈現這是名稱和出生日期值... –

回答

0

我沒有看到你的控制器中的任何地方,你正在使用$scope.data,用dataPasien替換你的視圖ng-repeat

<label class="input disabled" ng-repeat="dataPasien in dataDiri"> 
    <input type="text" value="{{dataPasien.name}}" placeholder="{{dataPasien.name}}" name="name" ng-model="nama" disabled=""> 
</label> 
+0

嗨@Thalaivar我已經這樣做了,但是當我使用$ scope.nama這是ng模型綁定後,該值返回undefined ... –

+0

這是我的問題,直到現在 –

+0

你能告訴我什麼HTTP響應日期返回...數據 – Thalaivar