なぜAngularJSカスタムフィルタが機能しないのですか？

私はangular.min.jsファイル（AngularJS v1.6.4）を使用していますなぜAngularJSカスタムフィルタが機能しないのですか？

そして、私は文字列を逆にする簡単なフィルタを実装しようとしています。ここで

は私のコードです：

main.js：

var app = angular.module("angularBlackbox", []); 

app.filter('reverse', function() { 
    return function (item) { 
     item.split("").reverse().join(""); 
    }; 
}); 

app.controller("MyController", function ($scope) { 
    $scope.data = { 
     message: "" 
    }; 

    $scope.reversedMessage = function (message) { 
     return message.split("").reverse().join(""); 
    } 
});

はindex.htmlを：

：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>AngularJS Blackbox</title> 
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/bootstrap-theme.min.css"> 
</head> 
<body> 
<div ng-app="angularBlackbox"> 
    <div ng-controller="MyController"> 
     <input type="text" ng-model="data.message"> 
     <h1>{{ data.message }}</h1> 
     <h1>{{ reversedMessage(data.message) }}</h1> 
     <h2>{{ data.message | reverse }}</h2> 
    </div> 
</div> 

<script type="text/javascript" src="js/angular.min.js"></script> 
<script type="text/javascript" src="main.js"></script> 
</body> 
</html>

私は、このような結果を得ます10

だから我々はそれを見ることができます：作品[OK]を結合

データ。
コントローラの機能を反転しましたメッセージが機能します[OK];
フィルターが動作しません[未OK]なぜカスタムフィルタが動作していない

（<h2>{{ data.message | reverse }}</h2>見出しは表示されませんか）？

出典

2017-08-22 Aleksey Kurkov

あなたは 'あなた' filter'からreturn'いけない - ' – tymeJV

あなたのフィルタのリターンが欠落している（item.splitを返す戻り値が欠落しています。。 –

はい、あなたは正しいです... ...' –

returnフィルタからの書式付き出力。あなたはフィルタリングされたデータを返す必要が

app.filter('reverse', function() { 
    return function (item) { 
     //returned reversed string from here. 
     return item.split("").reverse().join(""); 
    }; 
});

Check Here

出典

2017-08-22 16:15:53

それは動作します！ありがとう –

//。

app.filter('reverse', function() { 
    return function (item) { 
     return item.split("").reverse().join(""); 
    }; 
});

出典

2017-08-22 16:18:07

返信文を忘れました。はい、ありがとうございます。 –

あなたは仲間を歓迎します:-) –

なぜAngularJSカスタムフィルタが機能しないのですか？

答えて

関連する問題