javascript - 如何在没有隔离范围的情况下使用 Angular Directive(指令)中的双向绑定(bind)访问表单对象

Question

如标题所示，给出以下简单示例:

<form name="myForm">
  <button my-directive-test="myForm">Hello</button>
</form>

app.directive('my-directive-test', function() {
 return {
   restrict:'A',
   link: function(scope, element, attrs) {
       // How to get scope.myForm.$submitted, scope.myForm.$errors without isolated scope?
   })
 };
});

目前我一直在做的是:

<form name="myForm">
  <button my-directive-test="{{myForm.$submitted}}">Hello</button>
</form>

app.directive('my-directive-test', function() {
 return {
   restrict:'A',
   link: function(scope, element, attrs) {
     scope.formSubmitted = scope.$eval(attrs.myDirectiveTest);
     if (scope.formSubmitted) {
     } else {
     }
   })
 };
});

但我想要实现的是:

<form name="myForm">
  <button my-directive-test="myForm">Hello</button>
</form>

app.directive('my-directive-test', function() {
 return {
   restrict:'A',
   link: function(scope, element, attrs) {
     if (scope.myForm.$submitted) {
     } else {
     }
   })
 };
});

但到目前为止，我还没有找到在我的指令中绑定(bind)表单对象的方法。

Answer 1

当不使用隔离作用域时，指令作用域与“父”元素的作用域相同。所以这会起作用:

<form name="myForm">
  <button my-directive-test="myForm">Hello</button>
</form>

app.directive('myDirectiveTest', function() {
 return {
   restrict:'A',
   link: function(scope, element, attrs) {
     if (scope[attrs.myDirectiveTest].$submitted) {
     } else {
     }
   })
 };
});