AngularJS在模板上使用regex替换

AngularJS replace using regex on template

本文关键字：regex 替换 AngularJS      更新时间：2023-09-26

我有以下标记，显示ng模型的值：

<a ng-click="downloadDocument()">{{document.content.replace(/'d+'_/,"")}}</a>

在每个document.content之前，我添加一个数字和一个下划线，类似于"12122141_document.txt"。我想用正则表达式/'d+'_/来替换这个部分。

这在AngularJS中引发了一个错误，尽管{{ document.replace(" ","") }}可以工作。

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

Plunker

我修改了您的Plunker Demo，它运行得很好。

提示：不要像"document"那样使用$scope命名空间。由客户保留/使用。

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

控制器

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.fileName = {
    content : function(){
      return '1233_test.txt'.replace(/'d+'_/,"");
    }
  }
  $scope.mpla = function () {
    console.log('clicked');
  }
});

查看

<!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>
相关文章：