Question

使用Ionic AngularJS。我需要一个第二选择框来显示名称，该选择框基于之前选择的选项。通过页面加载时的php，sql查询填充第一个选择选项列表。

但是，我不确定在选择第一个框后如何获取相关详细信息。

在使用ajax和php之前，我已经做过类似的事情，但是我是Ionic框架的新手，也不知道从哪里开始。

<ion-list ng-app="myApp">
    <select type="text" id="classe" name="classe" class="inputBox">
      <option value="">Selectionnez la classe d'etudiant</option>
      <option *ngFor="let classe of classes" [value]="">{{ 
classe.classe}} 
 </option>
    </select>
    <br>
    <select type="text" id="student" name="student" class="inputBox">
      <option *ngFor="let student of students" [value]="">{{ 
 student.student}}</option>
    </select>

.ts文件

getRdvInfo(id) {
return this.http.post('http://localhost/Attendance 
App/myApp/src/app/api/getRdvInfo.php?id=' + id, {
  id
}).subscribe(data => {
  console.log(Object.values(data));
  let classesData = Object.values(data);
  const grabArray = classesData[0].classe;
  if (grabArray !== undefined) {
    let navExtras: NavigationExtras = {
      state: {
        classes: classesData,
      }
    }
    this.router.navigate(['/rdv/', id], navExtras);
  };
  if (classesData.length == 0) {
    alert("Aucune data")
    }
  },
  error => {
    console.log(error);
  });
  }

php

<?php

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Origin, Content-Type");

require_once("connection2.php");

$rest_json = file_get_contents("php://input");
$_POST = json_decode($rest_json, true);

$stmt = $conn->prepare("SELECT classe FROM classes");
$stmt->execute();

if ($stmt->rowCount() > 0) {
    $output = array();
    $output = $stmt->fetchAll();
    // var_dump($output);
    echo json_encode($output);
} else {
    $errors = "No data found";
    echo json_encode($errors);
}

需要根据第一个选择进行第二个sql查询，但是我不知道从哪里开始。任何帮助一如既往。

离子-根据先前选择的选项动态填充选择的选项

0 个答案: