javascript - 如何从 angularjs 指令中获取对封闭表单元素的引用？

Question

我有以下 HTML:

<form name="my-form">
  <div class="col-sm-4">
    <input type="phone" name="mobileNumber" ng-model="form.mobileNumber" value="0439888999" required>
  </div>
</form>

指令中包含以下代码:

angular.module('myApp.directives')
    .directive('required', function ($compile) {
        return {
            restrict: 'A',
            require: 'ngModel',
            link: function(scope, element, attr, ngModel) {
                var formName = element.parents('form').attr('name');
                var fieldName = element.attr('name');
            }
     };
});

但是当我运行单元测试时，出现错误:TypeError: Object [object Object] has no method 'parents'。

我知道这是因为我的 AngularJS 版本(v1.2.13)打包的 jqLit​​e 不支持parents方法。

我的问题是，如何在指令中实现相同的功能？我是否需要使用 jQuery，如果需要，如何将其作为依赖项注入(inject)到我的指令和单元测试中？

Answer 1

将 parents 替换为 parent 应该可以;)

var formName = element.parent('form').attr('name');

jQlite 的可用方法列表:

http://docs.angularjs.org/api/ng/function/angular.element