Я хочу заполнить данные из базы данных и поместить их в раскрывающийся список с помощью Angular Front end и Spring boot back

Question

У меня есть база данных в MySQL, и мне нужно получить данные из базы данных и заполнить ее в раскрывающемся списке с помощью AngularJS.Я пробовал этот код в своем AngularJS для раскрывающегося списка, но он не получает данные из базы данных и не заполняет их.

 <div data-ng-init="getLocation1()">
                <b>Current Location:</b> <select id="cur_location">
                        <option value="">-- Select Current Locations --</option>
                        <option data-ng-repeat="location1 in location" 
value="{{location1.name}}">{{location1.name}}</option>
            </select><br>
                    </div> 

Это код, который используется для получения всех местоположений.

// Get all location1
  getLocation1(): Promise<Location1[]> {
    return this.http.get(this.location1Url)
      .toPromise()
      .then(response => response.json() as Location1[])
      .catch(this.handleError);
  }

  getLocation1ByName(name: string): Promise<Location1[]> {
    const url = `findbyname/${name}`;
    return this.http.get(url)
      .toPromise()
      .then(response => response.json() as Location1)
      .catch(this.handleError);
  }

Код конца весенней загрузки выглядит следующим образом.

@GetMapping(value="/location1",  produces= MediaType.APPLICATION_JSON_VALUE)
        public List<Location> getAll() {
            List<Location> list = new ArrayList<>();
            Iterable<Location> location = repository.findAll();
            location.forEach(list::add);
            return list;
        }

        @PostMapping(value="/postlocation1")
        public Location postLocation(@RequestBody Location location) {
            repository.save(new Location(location.getName(),location.getX(),location.getY()));
            return location;
        }

Есть предложения по заполнению данных с помощью Angular JS?

Answer 1

Шаг за шагом, сначала убедитесь, что ваш звонок успешен.

this.http.get(url).subscribe(res => console.log(res));

Откройте панель разработчика и на вкладке Console и Network увидите все, что вы хотите печатать.Получив данные, вы можете присвоить их свойству класса.

data; this.http.get(url).subscribe(res => { this.data = res });

Остальное - как связать данные с вашим угловым шаблоном.