AngularJS替换模板上的正则表达式

Ale*_*dis 5 javascript regex replace angularjs

我有以下标记显示ng-model的值.

<a ng-click="downloadDocument()">{{document.content.replace(/\d+\_/,"")}}</a>
Run Code Online (Sandbox Code Playgroud)

在每个document.content之前,我添加一个数字和一个下划线,像"12122141_document.txt"一样.我想用这个正则表达式替换这个部分/\d + _ /

这会在angularJS上引发错误,尽管{{document.replace("","")}}有效.

是解决这个指令的唯一方法还是我做错了什么?

Plunker:http://embed.plnkr.co/sh54XZwSIlYnmvY0eTIt/preview

干杯,

亚历克斯

lin*_*lin 5

我修改了你的Plunker-Demo,它工作得非常好.

提示:不要使用$scope"文档"之类的命名空间.它由客户保留/使用.

var app = angular.module('plunker', []);
Run Code Online (Sandbox Code Playgroud)

调节器

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';

  $scope.fileName = {
    content : function(){
      return '1233_test.txt'.replace(/\d+\_/,"");
    }
  }

  $scope.mpla = function () {
    console.log('clicked');
  }

});
Run Code Online (Sandbox Code Playgroud)

视图

<!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="angular.js@1.3.x" src="https://code.angularjs.org/1.3.14/angular.js" data-semver="1.3.14"></script>
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
  <p>Hello {{name}}!</p> 
  <a ng-click="mpla()" ng-bind="fileName.content()"></a>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

  • 好的,问题是我是否可以通过在 .html 文件上使用大括号 {{ }} 来做到这一点。你的解决方案是下一个最好的事情,所以我添加了一个 ng-bind="getFilename()" 并创建了这个函数来替换字符串。 (2认同)