解析angualrjs中的Json数组

Question

我有一个关于甲酸盐的json数据

 $scope.jsondata = [{filename:"/home/username/textfiles/0101907.txt"},{filename:"/home/username/textfiles/0124757.txt"},{filename:"/home/username/textfiles/0747332.txt"} ... ];

我的HTML代码是：

<li ng-repeat="x in jsondata">
   {{x.filename}}                     
</li>

当我运行上面的代码时，我得到了完整的路径。比如“ /home/username/textfiles/0101907.txt ”。我只想要文件名，如“ 0101907.txt ”，而不是完整路径。任何人都可以帮我解析JSON数组。拆分路径并仅获取文件名。感谢。

Answer 1

您需要使用＆＃34; /＆＃34;拆分字符串。然后从数组中弹出文件名。

<li ng-repeat="x in jsondata">
   {{x.filename.split("/").pop()}}                     
</li>

Answer 2

您可以通过regex进行更新。创建一个像getFileName＆amp;在html中使用它，如下所示

function getFileName(path) {
   return path.replace(/^.*[\\\/]/, '');
}

<强> HTML

像

一样使用它

<li ng-repeat="x in jsondata">
   {{getFileName(x.filename)}}                     
</li>

Answer 3

我会使用.lastIndexOf来做。像这样：

<li ng-repeat="x in jsondata">
   {{x.filename.substr(x.filename.lastIndexOf('/')+1}}                     
</li>

Answer 4

这将解决

<li ng-repeat="x in jsondata">
{{x.filename.split("/").reverse()[0]}}
</li>