角http.Post输入带ng-repeat和不带ng-repeat
angular http.post input with ng-repeat and input with no ng-repeat
有人能帮帮我吗?在我的代码中,我有一个表单,用户必须输入,但值不是所有的数据。所以,我已经为之前输入的数据放上了重复的值。并且,我想使用angular发布它,但ng重复的数据是返回"undefined"。
这种病有治疗方法吗?这是我的代码
<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>
下面是我的angular post代码:
$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';
});
}
谢谢你的帮助。
我在控制器中看不到任何地方,您使用的是$scope.data
,将ng-repeat
中的视图替换为dataPasien
。
<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>
相关文章:
- 如何使用ng repeat中的选定输入更新我的对象
- 如何验证使用 ng-repeat、ng-show(角度)动态创建的输入
- 如何获取 ng-repeat 输入 angularjs 的值
- 输入文本框 ng-repeat内的验证
- AngularJS Dependent下拉列表,带ng repeat
- 根据条件使用ng repeat动态显示输入复选框
- 在角度材料对话框数据输入/推送后更新ng-repeat
- 嵌套的 ng-repeat 在<输入>中不起作用
- ng-repeat中的角度文件输入(引导)不起作用
- ng-repeat中的输入总和
- AngularJS-将模型绑定到未使用ng repeat创建的输入
- 如何获得一个带有用ng repeat构建的字段的表单来传递数据
- Q: 如何在AngularJs中使用ng repeat onClick执行带param的函数
- 从ng repeat内部的输入多次调用ng更改函数
- AngularJS的ng-repeat创建输入
- 在ng-repeat指令中预填充输入文本
- 带多个无线电输入的AngularJS ng-repeat
- 角ng-repeat输入过滤器加倍搜索中的第一个字符
- 角http.Post输入带ng-repeat和不带ng-repeat
- Angular将ng-repeat输入值存储到模型中