通过AngularJs Pipeline在文本中使用管道/过滤器<br/>标签

时间:2019-03-27 23:27:25

标签: angularjs filter pipeline

我的地址以文本格式存储,其中包含
标记,以将街道地址与城市和州分开,并在两者之间添加新行 如何管道处理/过滤地址文本以删除文本中的
标签?

例如 这将删除空间 {{地址|消除空间}}

1 个答案:

答案 0 :(得分:0)

编写一个自定义过滤器并使用它

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

app.controller('myCtrl', function($scope, $filter) {
  $scope.textExample ='address sample <br/> <br> text';

  $scope.textFilteredInController = $filter('removeBreakTags') ($scope.textExample);
});

app.filter('removeBreakTags', function() {
	return function(text) {
		return  text ? String(text).replace(/<br\s*\/?>/gm, '') : '';
	};
});
 
app.filter('removeHTMLTags', function() {
	return function(text) {
		return  text ? String(text).replace(/<br\s*\/?>/, '') : '';
	};
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<p>{{ textExample | removeHTMLTags }}</p> 

<p>{{ textExample | removeBreakTags }} </p>  

<p> --- In Controller ---</p>

<p>{{textFilteredInController}}</p>

</div>