我想将此数据{{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']);
};
但是结果是未定义的......但结果是未定义的...如何使值(文本)出现?
答案 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>