AngularJS過濾器工作不正常

Question

我有，我想用NG-重複

沒有控制檯消息出現在瀏覽器中使用，所以我不能夠看到正在發生的事情就是一個過濾器上。

你能否把我放在正確的方向，我在下面的代碼中做錯了？提前致謝！

模型

module Models { 
    "use strict"; 

    export interface IMember { 
     Id: number; 
     // ... 
    } 

    export interface IForumContent extends IMember { 
     RowId: string; 
     // ... 
    } 
} 

控制器

module Controllers { 
    "use strict"; 

    export class ForumController extends ControllerBase.Controller { 
     log: ng.ILogService; 
     scope: IForumControllerScope; 

     static $inject = ["$scope", "$log"]; 
     constructor($scope: IForumControllerScope, $log: ng.ILogService) { 
      super($scope); 
      this.log = $log; 
      // ... 
     } 

     // ... 
    } 
} 

過濾器

module Filters { 
    "use strict"; 

    export var $inject = ["$log", "$filter"]; 
    export function UniqueFilter($log: ng.ILogService, $filter: ng.IFilterService) { 
     $log.log("Test 1"); 
     console.log("Test 1"); 

     return function(items: Array<Models.ForumContent>, filterOn: string) { 
      $log.log("Test 2"); 
      console.log("Test 2"); 

      if ((filterOn || angular.isUndefined(filterOn)) && angular.isArray(items)) { 
       var newItems = []; 

       var extractValueToCompare = function(item) { 
        if (angular.isObject(item) && (angular.isString(filterOn))) { 
         return item[filterOn]; 
        } else { 
         return item; 
        } 
       }; 

       angular.forEach(items, function(item) { 
        var valueToCheck, isDuplicate = false; 

        for (var i = 0; i < newItems.length; i++) { 
         if (angular.equals(extractValueToCompare(newItems[i]), extractValueToCompare(item))) { 
          isDuplicate = true; 
          break; 
         } 
        } 

        if (!isDuplicate) { 
         newItems.push(item); 
        } 

       }); 
       items = newItems; 
      } 
      return items; 
     } 
    } 
} 

全球

var applicationModule = angular.module("app", []); 
applicationModule.filter('uniqueFilter', Filters.UniqueFilter); 
applicationModule.controller("forumController", Controllers.ForumController); 

的Html

<table class="table table-hover"> 
    <tbody> 
     <tr> 
      <th>Content</th> 
     </tr> 
     <tr ng-model="forumContent" ng-repeat="forumContent in forumRepository.Forum.Contents | filter: uniqueFilter:'Id'"> 
     </tr> 
    </tbody> 
</table> 

Answer 1

試試這個：

<tr ng-model="forumContent" ng-repeat="forumContent in forumRepository.Forum.Contents | uniqueFilter:'Id'"></tr> 

刪除過濾器：在HTML部分