溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

angularjs指令中l(wèi)ink方法無法正確獲取element

發(fā)布時間：2020-07-17 19:43:02 來源：網(wǎng)絡 閱讀：582 作者：落風止水 欄目：開發(fā)技術(shù)

angularjs中大多在指令之中操作DOM，現(xiàn)在遇到一個指令中無法獲取DOM的特殊情況：

var directiveCtrl=angular.module("directiveCtrl",[]);
directiveCtrl.controller("ctrlTwo",['$scope',function($scope){
    $scope.name="me";
}]);
directiveCtrl.directive("num",function(){
    return{
	restrict: 'E',
	template: '<div ng-repeat="i in [1,2]" ng-controller="ctrlTwo">`name`</div>',
	replace:true,
	link:function(scope,ele,attr){
	    console.log(ele);
	}
    };
});

輸出的是[comment]而不是[div.ng-scope.ng-binding]，這樣無法進行DOM元素的操作。

我的解決方法是：把

ng-repeat="i in [1,2]"

放在num標簽的外層標簽上，一切就正常了，當然這只是避開了問題。如果有一天知道了問題所在，我會再跟上一篇作為補充。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手