Najlepszy samouczek Angularjs Select (pole wyboru) W 2024 r. W tym samouczku możesz dowiedzieć się Utwórz pole wyboru przy użyciu NG-opcje,NG-opcje i ng-repeat,Należy stosować co jest lepsze?,obiektu źródła danych,
Angularjs można utworzyć listę rozwijaną opcji używać tablicy lub obiektu.
W angularjs możemy użyć poleceniang opcję tworzenia listy rozwijanej elementów listy przez obiekty i tablice cyklu produkcji, następujące przykłady:
Możemy również użyć dyrektywyNG-repeat, aby utworzyć listę rozwijaną:
ng-repeat przeznaczony jest do pętli tablicy kodu HTML, aby utworzyć listę rozwijaną, ale NG-opcjepolecenia lepiej nadaje się do tworzenia listy rozwijanej, ma następujące zalety:
Obiekt przy użyciuNG-Opcje Opcje,ng-repeat jest ciągiem.
Załóżmy, że korzystać z następujących przedmiotów:
$scope.sites = [ {site : "Google", url : "http://www.google.com"}, {site : "w3big", url : "http://www.w3write.com"}, {site : "Taobao", url : "http://www.taobao.com"} ];
ng-repeat ma swoje ograniczenia, wybrana wartość jest ciągiem znaków:
Korzystanieng-repeat:
KomendaNG-Użyj opcji wybierz wartość obiektu:
UżyjNG-opcje:
Po wybraniu wartość jest obiektem, możemy uzyskać więcej informacji i zastosowania bardziej elastyczne.
Poprzedni przykład używamy tablicę jako źródła danych, mamy następujące obiekty danych jako źródło danych.
$scope.sites = { site01 : "Google", site02 : "w3big", site03 : "Taobao" };
NG-opcje wykorzystujące obiekty są bardzo różne, w następujący sposób:
Korzystanie z obiektu jako źródło danych,x jest klucz (key),y jest wartością (wartość):
Twój wybór jest wartość w par wartości klawiaturze.
wartość par wartości klawiaturze może być również cel:
Wybierz wartość w klawiaturze wartości wartości, co jest, że jest to przedmiot:
Nie mogą być stosowane kluczowych -value pary klucz, za pomocą właściwości obiektu bezpośrednio z menu rozwijanego: