<p ng-repeat="name in names">{{name | cancatSpace}} </p>
app.filter('cancatSpace', function() {
return function (input) {
return input.replace(/\s+/g, '');
};
});
では動作しませんが、それはしませんでした。私はどんな誤りも見ない。私が逃したことは何もありませんでしたか？私はconsole.log(input)を試してみましたが、それは何もコンソールしませんか？AngularJsカスタムフィルタは、私の場合上記のコードでは
ここに投稿したコードはすべて問題ありません。問題があれば、それは軽微なエラーになります。あなたのコンソールを見て、コンソールにエラーがあるかどうかを調べてください。
私は正確なコードと正常に動作しています。それを実行してテストすることができます。しかし、デバッグしたい場合は、完全なコードを投稿してください。
var myApp = angular.module("myApp", []);
myApp.controller("myCtrl", ['$scope', function($scope) {
$scope.names = ["john doe", "john doe2", "john doe 3", "john doe 5"];
}]);
myApp
.filter('cancatSpace', function() {
return function (input) {
return input.replace(/\s+/g, '');
};
});
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="myCtrl">
<p ng-repeat="name in names">{{name | cancatSpace}}</p>
</body>
</html>それはあなたがテキストフィールドに渡されたものは何でもテキストCONCATます以下を使用してみてください。フィルタの詳細について
<div data-ng-app="app" data-ng-controller="mycontroller">
<input type="text" data-ng-model="greeting" /><br />
Concated text : {{greeting|concat}}
</div>
<script type="text/javascript">
var mainApp = angular.module('app', []);
mainApp.controller('mycontroller', ['$scope', 'concatFilter', function ($scope, concatFilter) {
$scope.greeting = 'hello hello';
$scope.concatFilter = concatFilter($scope.greeting);
}]);
mainApp.filter('concat', function() {
return function (input) {
return input.replace(/\s/g, '');
};
});
</script>
はこちらのドキュメントを参照してください。.. https://docs.angularjs.org/guide/filter
実際には動作します。たぶん別の場所で何かが間違っているかもしれませんが、このフィルタはあなたの目的のために機能します。 – developer033