AngularJS 在模板上使用正則表達式替換

Question

我有以下標記顯示來自 ng-model 的值。

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

在每個 document.content 之前，我添加一個數字和一個下划線，例如“12122141_document.txt”。 我想用這個正則表達式替換這部分 /\\d+_/

這會在 angularJS 上引發錯誤，盡管 {{ document.replace(" ","") }} 有效。

解決這個問題的唯一方法是指令還是我做錯了什么？

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

干杯，

亞歷克斯

Answer 1

我修改了你的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>

AngularJS 在模板上使用正則表達式替換

問題描述

1 個解決方案

解決方案1
5 已采納 2015-03-05 10:43:25

控制器

看法

AngularJS 在模板上使用正則表達式替換

問題描述

1 個解決方案

解決方案1 5 已采納 2015-03-05 10:43:25

控制器

看法

解決方案1
5 已采納 2015-03-05 10:43:25