溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

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

angularjs指令中link方法無法正確獲取element

發布時間:2020-07-17 19:43:02 來源:網絡 閱讀:610 作者:落風止水 欄目:開發技術

angularjs中大多在指令之中操作DOM,現在遇到一個指令中無法獲取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問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女