Angular，按属性作为文本输入进行排序

Question

我想根据不同的属性（如评级，日期等）对注释列表进行排序，但不使用按钮并将属性作为输入文本。

默认情况下属性是评级，但ng-repeat不发布任何东西。

我的代码是：

<div ng-controller="controller as Ctrl"> 
     <p>SortBy: <input type="text" name="input" ng-model="Ctrl.dish.sortProperty"></p> 
<blockquote ng-repeat="comment in Ctrl.dish.comments | orderBy:'{{Ctrl.dish.sortProperty}}'"> 
         <p>{{comment.rating}}</p> 
         <p>{{comment.comment}}</p> 
         <footer>{{comment.author}} ,<cite title="Source Title">{{comment.date| date:'mediumDate'}}</cite></footer> 
</blockquote> 
</div> 

和控制器：

<script> 

     var app = angular.module('myApp',[]); 
     app.controller('controller', function() { 
      var dish={ 
          sortProperty:'rating', 
          comments: [ 
           { 
            rating:5, 
            comment:"blablalbla", 
            author:"John Lemon", 
            date:"2012-10-16T17:57:28.556094Z" 
           }, 
           { 
            rating:4, 
            comment:"blablabla", 
            author:"Paul McVites", 
            date:"2014-09-05T17:57:28.556094Z" 
           }, 
           { 
           // more comments 
           } 
          ]}; 
        this.dish = dish; }); 
</script> 

Answer 1

取下单引号和插值{{ }}：

<blockquote ng-repeat="comment in Ctrl.dish.comments | orderBy: Ctrl.dish.sortProperty">