angularjs - 如何使用 jqlite 以 Angular 获取元素的 attr 数据？

Question

如何使用 jqlite 以 Angular 获取元素的 attr 数据？

html,

<button ng-click="loadForm($event)" href="form.php">Load Directive Form</button>
<div data-my-form></div>

棱 Angular 分明，

     app.directive('myForm', function() {
        return {
          controller:function($scope){
            $scope.isLoaded = false;
            $scope.loadForm = function(e){

                console.log(e.target.attr('href')); // error 

                var form = e.target.attr('href'); // error

                $scope.isLoaded = true;
            }
          },
          template: '<div><div ng-if="isLoaded" ng-include="'+ form +'" ></div></div>',
          link:function(scope, element) {

          }
        }
    });

我收到这个错误，

TypeError: e.target.attr is not a function

有任何想法吗？

Answer 1

attr()是 jqLit​​e 元素上可用的方法。
e.target是对 DOM 元素的引用。

您需要先将 DOM 元素包装为 jqLit​​e 元素:

var form = angular.element(e.target).attr('href');