Làm cách nào để sử dụng mảng trong danh sách thả xuống trong PHP?
Trong bài đăng này, chúng ta sẽ xem cách chúng ta có thể hiển thị các phần tử mảng trong menu thả xuống bằng AngularJS. Đôi khi chúng ta cần hiển thị dữ liệu được tìm nạp động và đây là lúc các tính năng ngFor xuất hiện. Chúng ta có thể lặp lại mảng, áp dụng điều kiện và hiển thị dữ liệu một cách dễ dàng Sử dụng ngFor. NgFor là một chỉ thị mẫu tích hợp giúp dễ dàng lặp lại thứ gì đó như mảng hoặc đối tượng và tạo mẫu cho từng mục. cú pháp
điều kiện tiên quyết. NPM phải được cài đặt sẵn Cài đặt môi trường
npm install -g @angular/cli
ng new
ng serve -o Tạo trình đơn thả xuống1. Tạo một thành phần mới ng g c dropdown 2. Nó sẽ tạo một thư mục mới với 4 tệp mới. mở danh sách thả xuống. thành phần. ts và dán đoạn mã sau thả xuống. thành phần. ts Javascript
npm install -g @angular/cli0 npm install -g @angular/cli1 npm install -g @angular/cli2 npm install -g @angular/cli3 npm install -g @angular/cli4 npm install -g @angular/cli1 npm install -g @angular/cli6 npm install -g @angular/cli7 npm install -g @angular/cli4 npm install -g @angular/cli1 ng new0_______2_______1 ng new2 ng new3 ng new4 npm install -g @angular/cli1 ng new6 ng new7 ng new8 npm install -g @angular/cli4 ng new7 ng serve -o1 npm install -g @angular/cli4 ng new7 ng serve -o4 npm install -g @angular/cli4 ng new7 ng serve -o7 npm install -g @angular/cli4 ng new7 ng g c dropdown0 npm install -g @angular/cli4 ng new7 ng g c dropdown3 npm install -g @angular/cli4 ng new7 ng g c dropdown6 npm install -g @angular/cli4 ng new7 ng g c dropdown9 npm install -g @angular/cli4 ng new7 ng serve -o2 npm install -g @angular/cli4 ng new7 ng serve -o5 npm install -g @angular/cli1 ng new2 npm install -g @angular/cli1 ng serve -o9 import { Component } from 0
npm install -g @angular/cli1 import { Component } from 3ng new7 import { Component } from 5import { Component } from 6npm install -g @angular/cli1 import { Component } from 8
Trong đoạn mã trên, chúng tôi đã xác định mảng người chơi chứa dữ liệu mà chúng tôi sẽ hiển thị trong trình đơn thả xuống. Ngoài ra, chúng tôi có một biến đã chọn mà chúng tôi sẽ sử dụng để hiển thị phần tử đã chọn. Phương thức update() nhận một sự kiện và đặt giá trị đã chọn cho nó 3. Bây giờ thêm đoạn mã sau vào danh sách thả xuống. thành phần. html thả xuống. thành phần. html HTML
ng new7 '@angular/core' 0; 0 ; 1_______66_______2; 3; 4; 0'@angular/core' 4ng new7 '@angular/core' 0; 0 0 1; 2 3 4
ng new7 8; 0'@angular/core' 4
npm install -g @angular/cli06 npm install -g @angular/cli07 npm install -g @angular/cli06 '@angular/core' 4Chúng tôi đã tạo một menu thả xuống sẽ sử dụng mảng người chơi. Các tùy chọn được điền bằng ngFor. Biến đã chọn được sử dụng để hiển thị tùy chọn đã chọn |