른록노트

[AngularJs] scope간 date 전달 emit, broadcast 본문

Web/[Angular]

[AngularJs] scope간 date 전달 emit, broadcast

른록 2018. 8. 7. 23:35

@ 설명

$on() - 이 메소드로 이벤트를 listen함


$emit() - 특정 메소드에 데이터 전달

사용법)

app.controller('one',,function($scope){

$scope.$emit('send', "test");

}


app.controller('parent',function($scope){

$scope.$on('send',function(event,,data){

var text = data;

console.info(text);

});


결과 - "test"


$broadcast() - 하나의 메소드로 여러 메소드에 데이터 전달

사용법)

app.controller('parent',function($scope){

$scope.$broadcast('wide',"test");


app.controller('two',function($scope){

$scope.$on('wide',function(event,,data){

var text1 = data;

});


app.controller('three',function($scope){

$scope.$on('wide',function(event,,data){

var text2 = data;

});




참고사이트

https://webisfree.com/2017-03-07/%EB%B2%94%EC%9C%84-scope%EC%9D%84-%EC%A0%84%EB%8B%AC%ED%95%98%EB%8A%94-%EB%A9%94%EC%86%8C%EB%93%9C-emit()-broadcast()-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0

반응형
Comments