AngularJS 지침은 HTML을 연장하는 데 사용됩니다. 이것들은 모두 ng- 접두사로 시작하는 특수 특성입니다. 우리는 다음 지침을 논의 할 것입니다.
NG -APP-이 지침은 AngularJS 응용 프로그램을 시작합니다.
NG -Init-이 지침은 응용 프로그램 데이터를 초기화합니다.
NG -MODEL-이 지침은 AngularJS에 사용되는 변수 인 모델을 정의합니다.
NG -Repeat-이 지침은 컬렉션의 각 항목에 대해 HTML 요소를 반복합니다.
NG-APP 명령
NG-APP 지시문은 AngularJS 응용 프로그램을 시작합니다. 루트 요소를 정의합니다. AngularJS 응용 프로그램의 웹 페이지를로드하는 응용 프로그램을 자동으로 초기화하거나 시작합니다. 또한 다양한 AngularJS 모듈 AngularJS 응용 프로그램을로드하는 데 사용됩니다. 다음 예에서는 DIV 요소의 NG-APP 속성을 사용하여 기본 AngularJS 응용 프로그램을 정의합니다.
<div ng-app = ""> ... </div>
ng-init 지침
NG-Init 지시문은 AngularJS 응용 프로그램의 데이터를 초기화합니다. 변수를 사용하기 위해 응용 프로그램에 값을 넣는 데 사용됩니다. 다음 예에서는 국가 배열을 초기화합니다. JSON 구문을 사용하여 국가 배열을 정의하십시오.
<div ng-app = ""ng-init = "국가 = [{locale : 'en-us', 이름 : '미국'}, {locale : 'en-gb', 이름 : '영국'}, {locale : 'en-fr', 이름 : '프랑스'}]> ... </div>ng- 모델 명령
NG- 모델 지침은 AngularJS 응용 프로그램에 사용되는 모델/변수를 정의합니다. 다음 예에서는 "이름"이라는 모델을 정의합니다.
<div ng-app = ""> ... <p> 당신의 이름을 입력하십시오 : <input type = "text"ng-model = "name"> </p> </div>
NG- 반복 지시문
NG- 반복 지시문은 HTML 요소 컬렉션에서 각 항목을 반복합니다. 다음 예에서는 배열 국가를 반복했습니다.
<div ng-app = ""> ... <p> 로케일이있는 국가 목록 : </p> <ol> <li ng-repeat = "국가의 국가"> {{ 'country :' + country.name + ', locale :' + country.locale}} </li> </ol> </div.예
다음 예제는 위의 모든 지침을 보여줍니다.
testangularjs.html
<html> <title> angularjs 지시문 </title> <h1> 샘플 응용 프로그램 </h1> <div ng-app = ""ng-init = "국가 = [{locale : 'en-us', '미국'}, {locale : 'en-gb', 'kolddom'}, {en-fr '}, 이름 : <입력 유형 = "text"ng-model = "name"> </p> <p> hello <span ng-bind = "name"> </span>! </p> <p> 로케일이있는 국가 목록 : </p> <ol> <li ng-repeat = "국가의 국가"> {{ + country .name + ', Locale :' + .liT. </ol> </div> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>산출
웹 브라우저에서 Open TextAngularjs.html. 이름을 입력하고 다음 결과를 확인하십시오.
위는 AngularJS 지시문의 기본 정보입니다. 우리는 향후 관련 정보를 계속 추가 할 것입니다. 이 사이트를 지원 해주셔서 감사합니다!