AngularJS 컨트롤러 간에 변수를 효과적으로 전달하려면 어떻게 해야 합니까?

AngularJS 컨트롤러 간 변수 전달

AngularJS 컨트롤러 간 변수 전달은 애플리케이션 개발에서 일반적인 작업입니다. 한 가지 접근 방식은 컨트롤러 간에 변수를 공유하는 서비스를 생성하는 것입니다.

공유 서비스 생성

angular.module('myApp', [])
    .service('sharedProperties', function () {
        var property = 'First';

        return {
            getProperty: function () {
                return property;
            },
            setProperty: function(value) {
                property = value;
            }
        };
    });

서비스 사용

컨트롤러에서 공유 항목을 삽입합니다. 서비스:

function Ctrl2($scope, sharedProperties) {
    $scope.prop2 = "Second";
    $scope.both = sharedProperties.getProperty() + $scope.prop2;
}

고려 사항

바인딩이 컨트롤러 전체에서 작동하려면 프리미티브보다는 객체의 속성에 바인딩하는 것이 좋습니다. type.

// Avoid using primitive types
var property = 'First';

// Use objects
var property = { Property1: 'First' };

예

다음을 보여주는 예는 [이 바이올린](https://jsfiddle.net/philipjohnson/34qhw/)을 참조하세요.

• 공유 파일의 정적 복사본에 바인딩 값

• 값 변경에 따라 UI를 업데이트하는 공유 값에 바인딩

  • 함수에 바인딩
  • 객체 속성에 바인딩
  • 객체에 대한 양방향 바인딩 재산

위 내용은 AngularJS 컨트롤러 간에 변수를 효과적으로 전달하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!