angularjs - ngif 中的动态变量不起作用

Question

我有一段这样的代码

ng-show="!edit{{id}} && imageUrl"

但这似乎行不通。在哪里

ng-show="!edit1 && imageUrl" 

有效。语法有问题吗？？

实际的代码片段

template: '<div id="dropTarget{{imageid}}" ng-show="edit{{imageid}}">'+
            '<img id="imageView{{imageid}}" ng-src="{{imageUrl}}" />'+
        '</div>'+
        '<img id="imageView{{imageid}}" ng-if="!edit{{imageid}} && imageUrl" ng-src="{{imageUrl}}" alt="Coach"/>'+
        '<div class="my-new-photo" ng-if="!edit{{imageid}} && !imageUrl">+</div>'+
        '<span class="edit-info" ng-click="showUploadImageOptions(imageid)" ng-show="!edit{{imageid}} && imageUrl">EDIT</span>'+
        '<span class="edit-info" ng-click="showUploadImageOptions(imageid)" ng-show="!edit{{imageid}} && !imageUrl">NEW</span>'+
            '<div ng-show="edit1" class="buttons-section">'+
                '<form enctype="multipart/form-data" method="post">'+
                    '<input type="file" name="filesToUpload{{imageid}}" id="filesToUpload{{imageid}}" style="display:none;"/>'+
                    '<span class="upl-sav-can" ng-click="uploadImage(imageid)">Browse</span>'+
                    '<span  class="upl-sav-can" ng-click="revertImage(imageid)">Cancel</span>'+
                '</form>'+
            '</div>',

Answer 1

ngShow 需要 Angular expression这是 一种 常规 javascript 表达式(具有某些限制)。所以把你在这些情况下写的东西想象成普通的 javascript 表达式。

现在问问自己:!edit{{id}} && imageUrl 是有效的 javascript 表达式(代码)吗？当然不。当无法将提供的表达式作为有效的 JavaScript 代码进行解析和评估($parse 服务执行此操作)时，Angular 会抛出错误。

但是

ng-show="!edit[id] && imageUrl" 

将是使用括号表示法访问对象/数组的变量属性的有效表达式。这就是您在这种情况下需要使用的。