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

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

组件部分:

图片描述

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

组件的controller中:

图片描述

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


引用组件的地方:

个人html:

图片描述

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

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

个人controller:使用组件传来的数据

图片描述

相关文章
相关标签/搜索