>  기사  >  웹 프론트엔드  >  AngularJS 범위 구문 분석 및 샘플 코드 사용

AngularJS 범위 구문 분석 및 샘플 코드 사용

怪我咯
怪我咯원래의
2017-03-30 09:30:191133검색

Scope는 보기연결컨트롤러를 재생합니다. 역할은 컨트롤러 모델 데이터를 포함하는 특수 JavaScript 개체입니다. >

<script>
   var mainApp = angular.module("mainApp", []);

   mainApp.controller("shapeController", function($scope) {
     $scope.message = "In shape controller";
     $scope.type = "Shape";
   });
</script>

다음은 위의 예에서 고려해야 할 중요한 문제입니다.


$scope는 인덱스 컨트롤러를 결정하기 위해 생성자의 첫 번째 매개 변수로 사용됩니다. $scope.message와 $scope.type은 HTML 페이지에서 사용되는 모델입니다.

우리가 설정한 모델의 값은 애플리케이션 모듈의 컨트롤러 ShapeController에 반영됩니다.

$scope



inherit

범위에서 함수를 정의할 수 있습니다. 그러면 컨트롤러 하위가 상위 컨트롤의 범위를 상속받습니다. 문제는
에서 모델 값을 설정하는 것입니다. 하위 컨트롤러 CircleController의 메시지는 컨트롤러 CircleController의 모듈이 사용될 때 사용됩니다.



다음 예에서는 위의 모든 지시문을 보여줍니다.
결과


웹 브라우저에서 textAngularJS.html을 열고 다음 결과를 확인하세요. 🎜>

위 내용은 AngularJS 범위 구문 분석 및 샘플 코드 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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