AngularJS와

Question

난하지만 난이 내가이 데이터 (한 번로드)를 사용하는 지침을 만들려는 (아래 참조) 경로 에 의해 활성화됩니다 컨트롤러를 가지고 이 데이터를 전달하는 방법/바인딩 할 방법이 없습니다.

app.controller("CampaignData" , ['$scope', 'Restangular', 'CbgenRestangular', '$http', '$q', function($scope, Restangular, CbgenRestangular, $http, $q){ var campaign_call = CbgenRestangular.one('api/v1/campaign', "testcamp").get(); $q.when(campaign_call.then( function(campaign) { $scope.campaign = campaign; console.log(campaign); } )) .then(function(){ var cars = $http({method: 'GET', url:$scope.campaign.carlot}); cars.then(function(reward){ // do success things here console.log(reward.data) }, function(reward){ //do error things here }); }) }]); 

그럼 내 템플릿에 내가 이런 일을하고 싶지

{{ campaign.name }} {{ car.name }} 

또는이

<campaign="name"></campaign> 
<campaign="car.name"></campaign> 

어떻게 이런 일이

을 수행 할 수 있습니다

이 내 컨트롤러?

Answer 1

나는 지침을 만들 필요가 없습니다이 데이터

를 사용하는 지침을 만들려면하지 않을 것입니다. route config에서 템플릿과 컨트롤러를 선언하면 컨트롤러의 모든 범위 속성이 템플릿에서 활성화됩니다. 이 같은

보간 후 잘 작동합니다 :

<div>{{ campaign.name }}</div> 
<div>{{ car.name }}</div> 

당신이 divs 중 하나에 클릭 이벤트를 처리하고 싶다면, 그것과 같을 것이다 :

<div ng-click="myFunctionInController(campaign.name)">{{ campaign.name }}</div> 

이 함수는 것 컨트롤러에 다음과 같이 정의하십시오 :

$scope.myFunctionInController = function(name) { 

    console.log(name); 
}