AngularJS ng-repeat如何从名称中删除扩展名_编程开发

AngularJS ng-repeat如何从名称中删除扩展名

创始人

2024-10-27 03:01:25

0次

您可以使用AngularJS的过滤器来从名称中删除扩展名。下面是一个示例代码：

HTML:


  
    {{ file.name | removeExtension }}

JavaScript:

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.files = [
      { name: 'file1.txt' },
      { name: 'file2.jpg' },
      { name: 'file3.pdf' }
    ];
  })
  .filter('removeExtension', function() {
    return function(name) {
      return name.split('.').slice(0, -1).join('.');
    }
  });

在上面的代码中，我们首先在ng-repeat指令中使用file.name | removeExtension来过滤文件名。然后，在AngularJS模块中定义了一个名为removeExtension的过滤器，它接受一个名称作为输入，并通过将名称分割成数组，然后使用slice方法删除最后一个元素（即扩展名），最后使用join方法将剩下的部分组合起来，返回新的名称。

这样，当您运行代码时，文件名的扩展名将被删除，并显示在页面上。

上一篇：AngularJS ng-repeat和indexOf()用于检查对象

下一篇：AngularJs ng-repeat使用长索引（整数）时抛出错误。

AngularJS ng-repeat如何从名称中删除扩展名

相关内容

热门资讯