>  기사  >  웹 프론트엔드  >  ANGULARJS_AngularJS에서 단방향 바인딩을 구현하기 위해 NG-BIND 지시어를 사용하는 예

ANGULARJS_AngularJS에서 단방향 바인딩을 구현하기 위해 NG-BIND 지시어를 사용하는 예

WBOY
WBOY원래의
2016-05-16 16:28:251487검색

이 기사에서는 AngularJS 프레임워크를 간략하게 소개한 후 예제를 사용하여 {{}} 보간 방법과 ng-bind 지시문의 사용을 보여줍니다.

프런트엔드 개발을 강화하고 단순화하는 클래스 라이브러리인 jquery와 달리,angularjs는 완전한 웹 프론트엔드 프레임워크이므로 학습 곡선이 훨씬 높습니다.

Angularjs는 Java의 Spring 프레임워크와 유사하다고 생각됩니다. 이는 중앙 컨테이너 위치에 있으며 다른 구성 요소를 서로 연결합니다. 특수한 시나리오에서는 프레임워크에 따라 확장할 수 있습니다. 아이디어.

가장 기본적인 콘텐츠부터 시작해 보겠습니다.

코드 복사 코드는 다음과 같습니다.





ng-bind 지시어



문자열 리터럴 값 직접 출력


안녕하세요 {{"세계"}}
<시간>


자리 표시자를 사용하여 변수 출력


안녕하세요 {{인사말}}
<시간>


ng-bind 지시문을 사용하여 변수 출력


안녕하세요
<시간>



함수 HelloController($scope) {
          $scope.greeting = "세계";
}


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.