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:使用組件傳來的數據

圖片描述

相關文章
相關標籤/搜索