如何将数据插入到angularjs上的查询字符串中

时间:2018-01-24 08:20:01

标签: angularjs

我想将此数据{{wilayahAsal.namaWilayah}}放入查询字符串...

<select class="kotaAsal" id="kotaAsal" name="kotaAsal"  style="width: 200px;" ng-model="id_wilAsal" ng-change="fetch()">
                                                <optgroup ng-repeat="list_kota_asal in _result_kota_asal" label="{{list_kota_asal.namaProvinsi}}">
                                                    <option ng-repeat="wilayahAsal in list_kota_asal.wilayahs" value="{{wilayahAsal.idWilayah}}">
                                                        {{wilayahAsal.namaWilayah}}
                                                    </option>
                                                </optgroup>
                                            </select>

这是点击按钮

<input type="button" value="Cari" ng-click="panggil(form, wilayahAsal.namaWilayah)" class="btn btn-xs btn-primary form-control">

这是控制器

  $scope.panggil = function(form, wilayahAsal, wilayahTujuan){

$scope['wilayahAsal'] = wilayahAsal;
console.log($scope['wilayahAsal']);

$scope['wilayahTujuan'] = wilayahTujuan;
console.log($scope['wilayahTujuan']);
};

但是结果是未定义的......但结果是未定义的...如何使值(文本)出现?

1 个答案:

答案 0 :(得分:0)

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<select class="kotaAsal" id="kotaAsal" name="kotaAsal" ng-model="wilayahAsal.namaWilayah" style="width: 200px;" ng-change="fetch()">
<optgroup ng-repeat="list_kota_asal in _result_kota_asal" label="{{list_kota_asal.namaProvinsi}}">
<option ng-repeat="wilayahAsal in list_kota_asal.wilayahs" value="{{wilayahAsal.idWilayah}}">
  {{wilayahAsal.namaWilayah}}
</option>
</optgroup>
</select>
											
<input type="button" value="Cari" ng-click="panggil(form, wilayahAsal.namaWilayah,wilayahAsal.namaWilayah)" class="btn btn-xs btn-primary form-control">

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {

   $scope._result_kota_asal = [
								{
								 "namaProvinsi":"Pro",
								 "wilayahs": [{
								    "idWilayah":1,
									"namaWilayah":"John"
									 }]
								}
							  ];
                              
$scope.panggil = function(form, wilayahAsal, wilayahTujuan){

angular.forEach($scope._result_kota_asal, function(value, key) {
if(value.wilayahs[0].idWilayah == wilayahAsal)
{
 $scope['wilayahAsal'] = value.wilayahs[0].namaWilayah;
}
 });
console.log('wilayahAsal',$scope['wilayahAsal']);

$scope['wilayahTujuan'] = wilayahTujuan;
console.log('wilayahTujuan',$scope['wilayahTujuan']);
};
});
</script>



</body>
</html>