AngularJS获取html元素

Question

我正在使用angularjs，我想通过简单地标记一个ng-tag来获取html元素。

<div ng-xxxx="myDiv"></div> 

console.log($scope.myDiv); //<div ng-xxxx="myDiv"></div> 

有人可以技术我怎么可以做？

Answer 1

这是一个应该接近你要找的东西或者至少一个好的起点的plunkr样本。

https://plnkr.co/edit/QVd5WJEGq7B9WWyXJBSu?p=preview

因此，这里是一个属性指令中，使用方法结合（&结合），这意味着它接受一个angular expressiongetHtml: '&'所以这里的父是使用表达式来设置一个范围变量$内容get-html="$ctrl.string = $content"。当表达式在链接函数中执行时，$ content由指令本身在映射中定义。 scope.getHtml({ $content: elem.html() });

.directive('getHtml', function() { 
    return { 
    scope: { 
     getHtml: '&' 
    }, 
    restrict: 'A', 
    link: function(scope, elem, attr) { 
     scope.getHtml({ $content: elem.html() }); 
    } 
    }; 
});