替换Angular绑定

时间:2015-10-27 07:12:31

标签: javascript angularjs

我试图在角度绑定中替换所有出现的某些字符。我想删除的字符是:

  • 破折号( - )
  • 大于(>)

因此像--->John Doe这样的字符串最终会显示为John Doe

在我的视图中,我绑定了我的值并尝试替换所有这些事件,如下所示:

{{person.name.replace(/-/g, '').replace(/>/g, '')}}

但是当我运行代码时,我收到以下错误:

  

错误:[$ parse:syntax]语法错误:令牌' /'不是主要的   表达式[person.name.replace(/ - / g,   '')。替换(/> / g,'')]从[/ - / g,'')开始。替换(/> ; / g,'')]。

关于在这种情况下该怎么做的任何指示?

2 个答案:

答案 0 :(得分:2)

如果使用过滤器而不是在dom中编写代码,

会更好。

app.filter('myFilter ', function() {
  return function(input) {
    return input.replace(/-/g, '').replace(/>/g, '');
  };
});

{{person.name | myFilter }}

答案 1 :(得分:0)

我是一名专家,但我想说的是你在操作视图中的东西这是一种错误的方法。我使用简单的字符串替换函数来制作simple plunker 来解决这个问题。 / p>

 $scope.person.name = 'r->m';
 $scope.replaceString = function(data){
 return data.replace(/-/g, '').replace(/>/g, '');}

并显示它。

   <p> {{ replaceString(person.name) }}</p>

您可以查看this