NG-Option 지시문은 사용하기가 매우 간단하며 두 가지 속성 만 필요합니다.
하나는 선택된 값을 얻기위한 ng 모델입니다.
다른 하나는 드롭 다운 목록의 요소 배열을 결정하는 NG-OPTION입니다.
1. 문제 배경
일반적으로 Select 아래에 옵션이 있지만 AngularJS에 명령어 NG-Option이 있으면 선택 드롭 다운 상자를 구현할 수 있습니다.
2. 소스 코드를 구현하십시오
<! docType html> <html> <head> <메타 charset = "utf-8"> <title> angularjs 드롭 다운 박스 (메소드 1) </title> <script type = "text/javaScript"src = "../ js/angular.min.js"> </script> var app = angular. app.controller ( "selcon", function ($ scope) {$ scope.options = [ "1 쿼터", "쿼터", "쿼터 4 쿼터"];}); </script> </head> <body> <div ng-app = "selapp"ng-controller = "selcon"> <ng-model = "selectedName"ng-options = "x for x for x for x for x </select> </div> </html>3. 문제 설명
<select> <옵션> </옵션> </select>
명령어 NG-OPTIONS를 사용하면 <sollity> </옵션>을 생략 할 수 있습니다
위는 NG-Options 명령을 사용하여 드롭 다운 상자를 구현하는 AngularJ입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!