집 > 기사 > 웹 프론트엔드 > AngleJ가 무엇인가요? Anglejs 소개(선택된 버전)

AngleJ가 무엇인가요? Anglejs 소개(선택된 버전)

寻∝梦원래의: 2018-09-08 15:13:491537검색

이번 글은 주로 angularjs에 대한 소개와angularjs 확장 HTML, 그리고Angularjs 명령어, 표현식, 애플리케이션에 대한 소개를 소개합니다. 이제 이 글을 함께 살펴보겠습니다

# 🎜🎜#

AngularJS 소개

1 AngularJS란 무엇인가요?

AngularJS를 사용하면 최신 단일 페이지 애플리케이션(SPA: 단일 페이지 애플리케이션)을 더 쉽게 개발할 수 있습니다.

AngularJS 애플리케이션 데이터를 HTML 요소에 바인딩합니다.
AngularJS는 HTML 요소를 복제하고 반복할 수 있습니다.
AngularJS는 HTML 요소를 숨기고 표시할 수 있습니다.
AngularJS를 사용하면 HTML 요소 "뒤에" 코드를 추가할 수 있습니다.
AngularJS는 입력 유효성 검사를 지원합니다. AngularJS는
JavaScript 프레임워크입니다. <script> 태그를 통해 HTML 페이지에 추가할 수 있습니다. </script>

AngularJS는 지시문을 통해 HTML을 확장하고 expression을 통해 데이터를 HTML에 바인딩합니다. HTML.

AngularJS는 JavaScript 프레임워크입니다. JavaScript로 작성된 라이브러리입니다.

AngularJS는 JavaScript 파일로 게시되며, 스크립트 태그

>#🎜 🎜 #

script>#🎜 🎜 # 스크립트는

요소 하단에 배치하는 것이 좋습니다. HTML 로딩은 스크립트 로딩의 영향을 받지 않기 때문에 페이지 로딩 속도가 빨라집니다.

다양한 angle.js 버전 다운로드: https://github.com/angular/angular.js/releases

2 AngularJS는 HTML을 확장합니다#🎜🎜 #

AngularJS는

ng-directives을 통해 HTML을 확장합니다.

ng-app 지시문은 AngularJS 애플리케이션을 정의합니다.

ng-model 이 지시문은 요소 값(예: 입력 필드의 값)을 애플리케이션에 바인딩합니다.

ng-bind 지시문은 애플리케이션 데이터를 HTML 보기에 바인딩합니다.

3 AngularJS 지시어

보시다시피 AngularJS 지시어는 으로 시작합니다. #🎜 🎜#ng HTML 속성이 접두사로 사용됩니다.

ng-init

지시문은 AngularJS 애플리케이션 변수를 초기화합니다.

<png-app=""ng-init="firstName=&#39;John&#39;">
<p>姓名为<spanng-bind="firstName"></span></p>
</p>

data-

4 AngularJS 表达式

AngularJS 表达式写在双大括号内：{{ expression }}。

AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式很像 JavaScript 表达式：它们可以包含文字、运算符和变量。

实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head>
<body>
<png-app=""><p>我的第一个表达式：
 {{ 5 + 5 }}</p></p>
</body>
</html>

5 AngularJS 应用

AngularJS 模块（Module）定义了 AngularJS 应用。

AngularJS 控制器（Controller）用于控制 AngularJS 应用。

ng-app指令定义了应用, ng-controller 定义了控制器。（想看更多就到PHP中文网AngularJS开发手册中学习）

png-app="myApp"ng-controller=" myCtrl"> 이름: inputtype="text"ng-model=" firstName"> br>姓:inputtype="text" ng-모델= "lastName">br>br>姓명: {{이름 + " " + 성}}p>script>var app = angle.module('myApp', []);app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe";}); script>

AngularJS 모듈 정의 애플리케이션:

varapp =angular.모듈 ('myApp ',[]);

AngularJS 컨트롤러 제어 애플리케이션:

app.controller('myCtrl',function($scope) { $스코프 .firstName="John"; (자세한 내용을 보려면 PHP 중국어 웹사이트AngularJS 사용자 매뉴얼을 방문하세요.) 궁금한 점이 있으면 아래에 메시지를 남겨주세요.

HTML5	으로 시작하는 확장(직접 만든) 속성이 허용됩니다. AngularJS 속성은 ng- 으로 시작하지만 data-ng-을 사용하여 페이지를 HTML5에 유효하게 만들 수 있습니다.

위 내용은 AngleJ가 무엇인가요? Anglejs 소개(선택된 버전)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

php JavaScript html5 angular.js html angular Static 运算符 var JS function github http https

성명：

이전 기사：AngularJS의 맞춤형 서비스에 대한 자세한 설명, 팩토리 사용법, 서비스 및 공급자 소개다음 기사：AngularJS의 맞춤형 서비스에 대한 자세한 설명, 팩토리 사용법, 서비스 및 공급자 소개