title: angularjs ng-repeat with filter and track by $index not working
body: <p>im trying to put some videos, which name is located in this json file, inside a div, this is the json file:</p>
  
  <pre><code>{
      "videos": {
          "name": [
              "dfg.webm",
              "fdgh.mp4"
          ]
      }
  }
  </code></pre>
  
  <p>this is the script:</p>
  
  <pre><code>(function(){
      var app=angular.module("index",[]);
  
      var videoUrl=function(name){
          alert("asd");
          return "./videos/"+name;
      };  
      app.filter('videoUrl',function(){alert("asd");return videoUrl;});
  
      var mainController=function($scope,$http){
         var videosSuccess=function(response){
             $scope.videosJSON=response.data;         
         };
         var videosError=function(response){};
         $http({
             method: 'GET',
             url: "http://192.168.1.66/videos.json",
         }).then(videosSuccess,videosError);
      };
      app.controller("mainController",["$scope","$http",mainController]);
  
  }());
  </code></pre>
  
  <p>and this is the html:</p>
  
  <pre><code>&lt;html lang="es" ng-app="index"&gt;
      &lt;head&gt;
      ...
      &lt;/head&gt;
      &lt;body ng-controller="mainController"&gt;
          &lt;div id="videosdiv"&gt;
              &lt;video ng-repeat="video in videosJSON.videos.name | filter:videoUrl track by $index" preload="metadata" ng-src="{{video}}" type="video/webm"&gt;      
              &lt;/video&gt;
          &lt;/div&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>the problem is that the browser is rendering this:</p>
  
  <pre><code>&lt;video data-ng-repeat="video in videosJSON.videos.name | filter:videoUrl track by $index" preload="metadata" ng-src="dfg.webm" type="video/webm" class="ng-scope" src="dfg.webm"&gt;
  &lt;/video&gt;
  &lt;video data-ng-repeat="video in videosJSON.videos.name | filter:videoUrl track by $index" preload="metadata" ng-src="fdgh.mp4" type="video/webm" class="ng-scope" src="fdgh.mp4"&gt;      
  &lt;/video&gt;
  </code></pre>
  
  <p>instead of this:</p>
  
  <pre><code>&lt;video ng-repeat="video in videosJSON.videos.name track by $index" preload="metadata" ng-src="./videos/dfg.webm" type="video/webm" class="ng-scope" src="./videos/dfg.webm"&gt;      
  &lt;/video&gt;
  &lt;video ng-repeat="video in videosJSON.videos.name track by $index" controls="" preload="metadata" ng-src="./videos/fdgh.mp4" type="video/webm" class="ng-scope" src="./videos/fdgh.mp4"&gt;      
  &lt;/video&gt;
  </code></pre>
  
  <p>i think that the filter is not being used since the alert inside the function "videoUrl" is not triggered nor the "ng-src" or "src" properties are transformed... can somebody tellme what is happening or what did i do wrong? thanks</p>