angularjs - アプリケーションにフィルタを追加するとエラーが発生するのはなぜですか?

Question

私の Angular アプリケーションには、サービスを追加するための次のようなコードがあります。

stApp.factory('entityService', ['$http', '$q', '$resource', function (
                          $http, $q, $resource) {

今、私は次のようなフィルターを追加しました：

stApp.filter('truncate', function () {
    return function (value, wordwise, max, tail) {
        if (!value) return '';

デバッグすると、stApp.filter の行が読み取られることがわかりました。

ただし、コードを実行すると:

{{modal.data.text | trunacate:true:15:' ...'}}

次のようなメッセージが表示されます。

Error: Unknown provider: trunacateFilterProvider <- trunacateFilter
at Error (<anonymous>)
at http://127.0.0.1:81/Scripts/angular.js:2714:19
at Object.getService [as get] (http://127.0.0.1:81/Scripts/angular.js:2840:39)
at http://127.0.0.1:81/Scripts/angular.js:2719:45
at Object.getService [as get] (http://127.0.0.1:81/Scripts/angular.js:2840:39)
at $get (http://127.0.0.1:81/Scripts/angular.js:10451:24)
at filter (http://127.0.0.1:81/Scripts/angular.js:6590:14)
at _filterChain (http://127.0.0.1:81/Scripts/angular.js:6581:41)
at statements (http://127.0.0.1:81/Scripts/angular.js:6557:25)
at parser (http://127.0.0.1:81/Scripts/angular.js:6484:13) 

誰かが私を正しい方向に向けることができますか? 私のコードは大丈夫だと思いますが、なぜこのメッセージが表示されるのか理解できません。