Как использовать ng-change в выпадающем меню select с функциональностью населения

Question

Как использовать ng-change в выпадающем меню select с функциональностью населения

Я новичок в Angular JS, я создаю ионное приложение, в котором я пытаюсь заполнить опцию выбора, зависит от первой опции выбора, но переменная, которая выбирается в первой опции выбора, не в состоянии обработать для получения второй вариант выбора

вот мой сервис.js

cityFunction: function(bookUser) {
var link = 'http://localhost/endpoints/citydetails.php';
return $http.post(link);
},
selectedsitesFunction: function(bookUser) {
var data = { selectedCity1: bookUser.selectedCity1};
var link = 'http://localhost/endpoints/selectedSites.php';
return $http.post(link, data);
}

controller.js

$scope.bookUser.city = city;
$scope.bookUser.selectedCity = "";
$scope.bookUser.selectedCity1 = "";
$scope.bookUser.site1 =[];
$scope.bookUser.selectedSite1 = "";

$scope.getOptions2 = function(bookUser){
$scope.bookUser.selectedCity1 = $scope.bookUser.selectedCity.Id;

AllServices.selectedsitesFunction(bookUser)
.then(function(response) {
console.log(response);
})
.catch(function(error) {
console.log(error);
});
};

вот HTML-страница

 <label class="item item-input item-select item-stacked-label">
<span class="input-label">City</span>
<select name="city" ng-model="bookUser.selectedCity" ng-options="item.City for item in bookUser.city" ng-change="getOptions2(bookUser)">
<option value="">-- select city --</option>
</select>
</label>

<label class="item item-input item-select item-stacked-label">
<span class="input-label">sites</span>
<select name="site1" ng-model="bookUser.selectedSite1" ng-options="option for option in bookUser.site1">
<option value="">--select site--</option>
</select>
</label>

и это код .php

<?php
include 'connection.php';
$data = json_decode(file_get_contents("php://input"));
$selectedCity1 = $data->$selectedCity1;

$selectedSites = $db->query("SELECT Sites, Id from sitemaster where City = :selectedCity1 ");

$selectedsites = $selectedSites->fetchAll(PDO::FETCH_ASSOC);

echo json_encode($selectedsites);
?>

всякий раз, когда я пытаюсь получить доступ к этой переменной selectedCity1, консоль показывает ошибку

Notice: Undefined variable: selectedCity1 in C:\xampp\htdocs\endpoints\selectedSites.php on line 4

Fatal error: Cannot access empty property in C:\xampp\htdocs\endpoints\selectedSites.php on line 4

1

angularjs ng-options php

Решение

Другие решения

<?php
include("connection.php");
$data = json_decode(file_get_contents("php://input"));
$selectedCity1 = $data->selectedCity1;

$selectedSites = $db->query("SELECT Id, Sites FROM sitemaster WHERE City ='$selectedCity1' ");

$selectedSites = $selectedSites->fetchAll(PDO::FETCH_ASSOC);

echo json_encode($selectedSites);

?>

0

Источник

Accepted Answer

<?php
include 'connection.php';
$data = json_decode(file_get_contents("php://input"));
$selectedCity1 = $_POST['selectedCity1'];

$query = mysql_query("select Sites, Id from sitemaster where City = "+$selectedCity1+"");
while ($fetch = mysql_fetch_array($query)) {
$output[] = array("site" => $fetch[0],"id" => $fetch[1];
}
echo json_encode($output);
?>

Надеюсь, это поможет вам 🙂 Спасибо

0