2016-07-16 49 views
0

我有以下指令綁定輸入焦點功能控制器

.directive('uiFocus', function() { 
    return function(scope) { 
    elem.bind('focus', function() { 
     scope.$apply(function() { 

     }); 
    }); 
    }; 
}) 

我想綁定集中到一個功能

$scope.resetBorders = function() { 
    document.getElementById("main1").style.border = "none"; 
    document.getElementById("bk1").style.border = "none"; 
    document.getElementById("main2").style.border = "none"; 
    document.getElementById("bk2").style.border = "none";  
}; 

我試着用resetBorders(), scope.resetBorders() and $scope.resetBorders()控制器,但它沒」工作。

我想在這裏使用什麼?有沒有更好的方法呢?

感謝

+1

是的!使用'ngStype' - 不要像這樣操作DOM(https://docs.angularjs.org/api/ng/directive/ngStyle)你也可以使用類來應用stype,並使用'ngClass'設置該類。 –

+0

在'return'函數中傳遞'elem'作爲參數。 – Harish

回答

0
app.directive('uiFocus', function() { 
    return { 
    restrict: 'E', 
    templateUrl: 'yoururl/asd.html', 
    controller: function($scope) {}, 
    controllerAs: 'controllerAlias' 
    }; 
}); 
+2

請爲您的代碼添加說明 – SilentMonk

+0

此問題是在低質量的帖子列表中。假如這段代碼解決了這個問題,如果你擴展你的答案並添加關於它如何工作的評論,你很可能會得票。 – lmo