Угловая, сортировка по enting собственности в качестве текстового ввода

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">