Question

如果在json filename中包含例如jpg string？

，AngularJS中的div只显示div

我在json中有一个带有.jpg pdf和其他内容的文件列表。我使用ng-repeat和filter{filename:'jpg'}来显示主题。它工作正常。但是当jpg不存在时如何隐藏div？

<div>
   <div>JPG FILES</div>
   <ul ng-repeat="">
     <li>name<a href='#'>download</a></li>
   </ul>
</div>

Answer 1

这样的事情？

ng-show="filename == 'jpg'"

文件名必须在您的范围内

在你的控制器中

$scope.filename = "jpg";

Answer 2

HTML：

<div>
   <div ng-if="hasImage">JPG FILES</div>
   <ul ng-repeat="">
     <li>name<a href='#'>download</a></li>
   </ul>
</div>

JS：

$scope.hasImage = function()
{
   if(yourjsonfile.indexOf("jpg") > -1)
    {
       return true;
    }else
    {
       return false;
      }

  }

Answer 3

我仍然不确定你想要什么，但如果过滤结果为空，这将隐藏外部div。

<div ng-hide="filteredResults.length === 0">
   <div>JPG FILES</div>
   <ul ng-repeat="attachment in filteredResults = (example.attachments | filter: {file_name:'jpg'})">
     <li>{{attachment.file_name}}<a href='#'>download</a></li>
   </ul>
</div>

希望这有帮助。

当string包含时，AngularJS仅显示div

3 个答案: