Question

我有这个指令（隐藏了一些敏感值）：

modApp.directive("dir1", [
function () {
    return {
        scope: {
            "results": "=",
            "allowView": "@",
            "allowPrint": "@",
        },
        templateUrl: "myurl",
        compile: function (elem, attrs) {
            // some code
        },
    };
}]);

，模板代码为：

<a ng-href="#/MyUrl/{{item.code}}" target="_blank">
  <img class="img-thumbnail" ng-src="{{myUrlToImg}}">
</a>

所以我的问题是我需要在某些安全条件下禁用锚点。因此，当允许时，可以显示锚点和图像。但如果不是，它应该只显示图像。

简单的方法是简单地定义类似：

<a ng-show="{{allowView}}"><img></a>
<img ng-hide="{{allowView}}"><img>

生成两个图像请求的问题，它应该只有一个。

理想的是拥有类似的东西：

<a disabled></a>

我在SO中找到了一个aDisabled指令，但它对我没用。

还有ng-if但是我无法使用allowView的否定值。

有什么建议吗？

Plunker：http://plnkr.co/edit/UJgQsaDYaxErP5A2NZy2 此plunker仍然不使用allowView范围变量。请注意，在html中，我设置了一个硬编码的真/假，似乎这也有影响，但不确定为什么...

AngularJs：禁用anchor / ngif否定

0 个答案: