title: AngularJS: can I use filter, defined in another module?
body: <p>I've an angular project, structured using by-module-type principle:</p>
  
  <pre><code>├── directives
  ├── services
  ├── filters
  │   └── filters.js
  └── states
      └── home
          ├── home.html
          └── home.module.js
  </code></pre>
  
  <p>I've created a custom filter in filters.js</p>
  
  <pre><code>import angular from "angular";
  
  export default angular.module("app.filters", [])
      .filter("removeStartingWithDollar", function(items) {
          var filteredItems = [];
          angular.forEach(items, function(item) {
              if (!item.startsWith('$')) { filteredItems.push(item);  }
          });
          return filteredItems;
      });
  </code></pre>
  
  <p>I want to use this <code>removeStartingWithDollar</code> filter in my home.html template. How do I inject it as a dependency and should I do that at all?</p>