IE11 - form.$submitted 在 Angular 按钮组件单击时被错误设置

Question

This plunker

我有包装“按钮”元素的 Angular 指令 bl-button，我正在通过 my-type 设置按钮的 type 属性和 my-click 函数来运行某些东西。

我的问题是，仅在 IE11 中，即使我通过 my-type.. 传递“按钮”，父表单的 $submitted 标志也会被设置？

  <bl-button my-click="myJob(myform)" my-type="button">Save2</bl-button>

在 Chrome 或 FF 中，正如预期的那样，仅当我说 my-type="submit" 时才设置 $submitted。

我可能在这里遗漏了一些东西。

编辑：下面是我的指令：

.directive('blButton', function () {
  return {
    restrict: 'E',
    transclude: true,
    scope: {
      myClick: '&', // myClick() returns promise
      myType: '@' // by default 'button'
    },
    template: '<button type="{{myType1}}" ng-click="click()" ng-transclude></button>',
    link: function (scope, elem, attrs) {

      scope.myType1 = scope.myType || 'button';

      scope.click = function () {
        scope.myClick()
          .then(function(data) {
            console.log('resolved:', data);
          }, function(data) {
            console.log('rejected:', data);
          });
      };
    }
  };

});

Answer 1

我相信你会爱上this bug in AngularJS。解决方法，来自那个错误：

解决方法：使用ng-attr-type="{{someInterpolatedThing}}" 修复它。

请注意，这也列在 Angular 的 Internet Explorer Compatibility page 中。