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独立作用域》

    原文作者:於见
    原文地址: https://segmentfault.com/a/1190000004510219
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞