공장 초기화 호출 후 $ scope 변수

Question

새로운 각도입니다.

공장 : 나는 같은 코드를 사용하고

// Factory 
module.factory('mainJsonData', function($http) { 
var promise = null; 
    return function() { 
    if (promise) { 
    // If we've already asked for this data once, 
    // return the promise that already exists. 
    return promise; 
    } else { 
    promise = $http.get('json/main.json'); 
    return promise; 
    } 
}; 
}); 

및 컨트롤러 코드는 다음과 같습니다

// Getting factory data 
mainJsonData().success(function(mainJsonData) { 
    $scope.mainJsonData = mainJsonData; 
}); 

내가 정의 지시어에 $scope.mainJsonData을 사용하고 싶습니다.

Answer 1

이 시도 : -

.directive('myDir', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     mainJsonData: '=mainJsonData 
    }, 
    }; 
}); 

컨트롤러

.controller('myController', function($scope) { 
    mainJsonData().success(function(mainJsonData) { 
     $scope.mainJsonData = mainJsonData; 
    }); 
}); 

당신이 $ 범위를 사용하여 지시에 mainJsonData에 액세스 할 수

<div ng-controller="myController"> 

    <data-my-dir main-json-data="mainJsonData"> 
    </data-my-dir> 

</div> 

그래서 main.html.