Question: I've created a custom filter. However when I call this filter in my html, I get the error **Unknown provider: fixUrlFilterProvider <- fixUrlFilter**

Filter Code:

```
angular.module('TestDemo')
    .filter('fixUrl', 
        function () {
            'use strict';
            return function (relativePath) {
                return 'http://test/' + relativePath;
            };
        }
    );

```

HTML

```
<a data-ng-href="{{'Login.aspx' | fixUrl}}" login </a>

```

Kindly let me know how I can fix this. Thanks in advance.

Answer: 
Usually happens to me when I have forgotten to include the js file.

* Check that file containing 'TestDemo' is included in the HTML
* Check the module name matches ng-app
* If filter and ng-app are different module, check if the filter module is listed as dependency in the ng-app module
* Sacrifice a goat to the JS gods :)

If the above steps don't help post the index.html, and JS files
Make sure your app is really called "TestDemo", that your html in enclosed inside the "TestDemo" app and that you have this file included in your script tags