ng-reapeat中的角度js顯示值名稱.extension after not display

我想在值顯示中使用ng-repeat，但不顯示.extension。ng-reapeat中的角度js顯示值名稱.extension after not display

我下面的代碼：

<tr ng-repeat="(key, doc) in documentdetails.Root[0].Record"> 
    <td> 
     <a class="link" target="_blank" href="../admin/views/documents/{{doc}}">{{ doc }}</a> 
    </td>

{{DOC}}在我得到abc.pdf這是PDF文件的名稱，但我想只顯示abc無.extension。

如何解決？

來源

2017-04-12 Janak vyas

嘗試使用split

<td> 
    <a class="link" target="_blank" 
     href="../admin/views/documents/{{doc.split('\.')[0]}}">{{ doc }}</a> 
</td>

來源

2017-04-12 06:47:47

您可以使用過濾器這樣的：

var app = angular.module('app', []); 
 
app.controller("controller", function($scope) { 
 
    $scope.doc = "abc.pdf"; 
 
}) 
 
app.filter('filename', function() { 
 
    return function(input) { 
 
    return input.split(".")[0]; 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="controller"> 
 
    {{doc|filename}} 
 
</div>

來源

2017-04-12 06:52:45

考慮使用一個簡單的分割功能和不適用上的href如下

var app = angular.module('plunker', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.documentdetails = {"Root":[{"Record":["documents.php","OSHA_lockout_regulation.pdf","LOTO_Matrix_2016.docx","LOTO_Log_2016.pdf","Sample_LOTO_policy.pdf","iLockitOut_Help.pdf","Employee_Training.pdf"]}]}; 
 
});

<!DOCTYPE html> 
 
<html ng-app="plunker"> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script>document.write('<base href="' + document.location + '" />');</script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> 
 
    <script src="app.js"></script> 
 
    </head> 
 

 
    <body ng-controller="MainCtrl"> 
 
    <table> 
 
    <tr ng-repeat="(key, doc) in documentdetails.Root[0].Record"> 
 
    <td> 
 
     <a class="link" target="_blank" href="../admin/views/documents/{{doc}}" >{{ doc.split('\.')[0] }}</a> 
 
    </td> 
 
    </tr> 
 
    </table> 
 
    </body> 
 

 
</html>

來源

2017-04-12 07:35:24

謝謝@Sa E Chowdary –

ng-reapeat中的角度js顯示值名稱.extension after not display

回答

相關問題