ng-repeatを値表示に使用しますが、.extensionを表示しません。以下ng-reapeatの表示値の名前js表示されない拡張後
私のコード：
<tr ng-repeat="(key, doc) in documentdetails.Root[0].Record">
<td>
<a class="link" target="_blank" href="../admin/views/documents/{{doc}}">{{ doc }}</a>
</td>
{{ドキュメント}}私は、PDFファイルの名前であるabc.pdfを得るが、私は唯一のabc.extensionなしを表示するには。
どうすれば解決できますか？
トライ使用split
<td>
<a class="link" target="_blank"
href="../admin/views/documents/{{doc.split('\.')[0]}}">{{ doc }}</a>
</td>
あなたはこのように、フィルタを使用することができます。
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>は
以下のように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>
@Sa E Chowdary –