javascript - AngularJS 绑定(bind)属性存在

Question

我想将属性的存在 绑定(bind)到 AngularJS 中的变量。具体来说，sandbox 用于 iframe。假设我有 $myCtrl.allowJavascript 作为变量，我想这样做:

<iframe src="..." sandbox />

当 allowJavascript == false 时，sandbox 属性存在，而当 allowJavascript == true 时，我希望 sandbox 属性消失。

AngularJS 有这方面的机制吗？

我能找到的最接近的是 here ，基本上是说“它只适用于某些属性”——但不适用于沙箱。

Answer 1

为了可重用性，您可以按照以下方式使其通用:

app.directive("addAttr", function() {
  return function(scope, element, attrs) {
    scope.$watch(attrs.addAttr, function(addAttr) {
      for (var key in addAttr) {
        if (addAttr[key]) element.attr(key, true);
        else element.removeAttr(key);
      }
    }
  }
}

你会像这样使用它:

<iframe add-attr="{sandbox: allowJavaScript, someOtherAttr: someOtherVar}">