Angularjs ng-options 지시문
AngularJS 인스턴스
배열 요소를 사용하여 드롭 다운 목록을 작성하십시오.
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = "myapp" ng-controller = "myctrl"> <select ng-model = "selectedName"ng-options = "이름의 항목에 대한 항목"> </select> </div> <cript> var app = angular.module ( 'myapp', []); App.controller ( 'myctrl', function ($ scope) {$ scope.name = [ "emil" "" "", "linus"];}); </script> <p>이 예는 NG-Options 지시문을 사용하여 드롭 다운 목록을 채우는 방법을 보여줍니다. </p> </body> </html>정의 및 사용법
NG-Options 지시문은 <select> 요소를 채우기 위해 <pection>을 사용하는 옵션을 채우는 데 사용됩니다.
NG-Options 지시문은 배열을 사용하여 드롭 다운 목록을 채우고 대부분의 경우 NG-Repeat 지침과 함께 사용됩니다.
문법
<ng-options를 선택하십시오 = "배열 표현"> </select>
<ELOATIVE> 요소는이 지침을 지원합니다.
매개 변수 값
| 값 | 설명하다 |
|---|---|
| 배열 표현 | 선택 요소의 옵션을 채우는 배열의 표현식. |
위의 것은 AngularJS NG-Options 데이터의 편집이며 나중에 보충됩니다.