我正在写一收到<br/>函数作为参数，无论是包含到函数的指令执行，并运行一个指令。
使用情况：
- 该指令包含一个链接
- 执行当用户点击该链接的方法作为参数传递（从控制器）
- 当用户打点击按钮微调将显示
- 旋转器将隐藏时的方法的执行完成
我的问题是我怎么能推迟执行，并将其绑定到一个承诺，隐藏方法执行后的微调。
为了说明我已经使用$超时计数从3比1，请大家看看，以我迄今所做的代码：
app.directive('toogleTextLink', function($compile,$q) {
return {
restrict: 'AE',
scope: { callback: "&targetMethod" },
template: '<div><a style="cursor: pointer" ><b>{{text}}</b></a>show value= {{show}} <br/><div ng-class="{previewLoader: show}"></div></div>',
link: function (scope, element, attr) {
scope.value = attr.value;
scope.show = false;
scope.$watch('value', function () {
if (scope.value) {
scope.text = "yes";
} else {
scope.text = "no";
}
});
element.bind('click', function () {
scope.show = true;
scope.value = !scope.value;
scope.$digest();
if (scope.callback) {
var deferred = $q.defer(scope.callback());
deferred.promise.then(function () {
scope.show = false;
console.log("then called");
});
}
});
}
};
});
app.controller('myCtrl', function($scope,$timeout,$q) {
$scope.IsFacebookConnected = false;
$scope.countDown = 3;
$scope.authSocial = function(value, socialNetwork) {
switch (socialNetwork) {
case "facebook":
$scope.IsFacebookConnected = !value;
}
runCounter = function() {
$scope.countDown -= 1;
if ( $scope.countDown > 0)
$timeout(runCounter, 1000);
console.log("timer");
};
runCounter();
};
});
这是plunker为好。
