angular怎样写一个无耦合的组件

tempModule.directive("toggle",function () {
return {
restrict : "EA",
template : '<div ng-click="method()" class="toggle-btn" ng-class="{toggleBtnOpen: state}"><div class="toggle-pointer"></div></div>',
replace: true,
scope: {
method: '&',
state: '='
}
};
});

//html
<toggle method="monitorToggle()" state="monitor"></toggle>

//js
tempModule.controller("settingCtrl", ["$scope",'$http','httpService', function ($scope,$http,httpService) {
$scope.monitor = mapInfo.monitor_status || 0;
$scope.monitorToggle = function () {
};
}]);