Angular，Javascript：删除部分文件路径

Question

在我的网页中，我显示了一些存储在数据库中的产品。 Db集合的一个字段称为附件，是一个包含PDF文件路径的数组。因此，当我向他们展示时，我会做这样的事情：

               <div class="right" style="width: 40%; float: right; font-size: 80%; color: #c4c2bf;">
                    <div class="minPrize">Minimum prize: {{myauction.minPrize}}
                        <i class="fa fa-eur" aria-hidden="true"></i></div>
                    <div class="buyNow">Buy Now: {{myauction.buyNow}}
                        <i class="fa fa-eur" aria-hidden="true"></i></div>
                    <div class="myauctiondelivery">Delivery Terms: {{myauction.Delivery}}</div>
                    <div class="myauctionpayments">Payment Terms: {{myauction.Payment}}</div>
                    <div class="myauctionwarranty">Warranty: {{myauction.warranty}} days</div><br><br>
                    <hr class="hr" >

                    <div class="myauctionfile"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>  {{myauction.attachments}}</div>

最后一行是pdf文件。它向我展示了这样的事情：

相反，我想只显示名称“CIRCULAZIONE.pdf”。

当我点击它时，还有一种方法可以在浏览器上打开这个文件吗？

Answer 1

您可以将方法添加到从路径中提取文件名的范围：

$scope.getFileName = function( path ){
    return (!path)?'':path.split('/').pop();
}

你做的是，你采取一条路径，用'/'作为一个分离器将它分成几部分，然后弹出这个数组的最后一个元素，它应该是一个文件名。

以（！path）检查为例。您可能想要检查路径是否实际上是一个字符串，但如果您的应用程序确保仅对字符串调用方法，那么您不需要检查。

然后您可以将其用作：

  <div class="myauctionfile" ng-repeat="item in myauction.attachments"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>  {{getFileName(item)}}</div>