AngularJS get html element

Question

私はangularjsを使用しています。単純にngタグをマークするだけで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

は親が$コンテンツget-html="$ctrl.string = $content"にスコープ変数を設定するには、式を使用しているので、ここでそれはangular expressiongetHtml: '&'を受け入れることを意味する、（&結合）結合方法を使用して属性ディレクティブ、です。 $ contentは、式がリンク関数で実行されるときに、ディレクティブ自体によってマップ内で定義されます。 scope.getHtml({ $content: elem.html() });

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