AngularJS自定义组件Directive scope独立作用域

当使用组件的地方需要获得组件中的数据的时候,需要用到回调函数:

组件部分:

AngularJS自定义组件Directive scope独立作用域

当名字相同时:changeCallback: '&' ;当名字不同时:changeCallback: '&getData'

组件的controller中:

AngularJS自定义组件Directive scope独立作用域

$scope.changeCallback({data: $scope.searchData}); 调用changeCallback()函数时,要传的参数是Object类型,({key1: value1, key2: value2, key3: value3})形式传参。(此处为实参)


引用组件的地方:

我的html:

AngularJS自定义组件Directive scope独立作用域

changeCallback() ---->change-callback="changeCallback(data)"驼峰 ----> 短线连接

change-callback="changeCallback(data)" 或者:change-callback="changeCallback(data1, data2, data3)"得到组件传来的数据。

我的controller:使用组件传来的数据

AngularJS自定义组件Directive scope独立作用域