title: Angularjs orderBy on float
body: <p>JS:</p>
  
  <pre><code>(function(angular) {
    'use strict';
  angular.module('orderByExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.friends =
          [{name:'John', phone:'2.5-3.3-7.5', age:10},
           {name:'Mary', phone:'10.5-3.7-9.1', age:19},
           {name:'Mike', phone:'10-21-30', age:21},
           {name:'Adam', phone:'11.1-5-10', age:35},
           {name:'Robert', phone:'1-3-7', age:27},
           {name:'Julie', phone:'9-15-20', age:29}];
      $scope.predicate = 'phone';
      $scope.reverse = true;
      $scope.order = function(predicate) {
        $scope.reverse = ($scope.predicate === predicate) ? !$scope.reverse : false;
        $scope.predicate = predicate;
      };
    }]);
  })(window.angular);
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table class="friend"&gt;
      &lt;tr&gt;        
       &lt;th&gt;
           &lt;button ng-click="order('phone')"&gt;Phone Number&lt;/button&gt;
           &lt;span class="sortorder" ng-show="predicate === 'phone'" ng-class="{reverse:reverse}"&gt;&lt;/span&gt;
       &lt;/th&gt;         
      &lt;/tr&gt;
      &lt;tr ng-repeat="friend in friends | orderBy:predicate"&gt;
        &lt;td&gt;{{friend.name}}&lt;/td&gt;
        &lt;td&gt;{{friend.phone}}&lt;/td&gt;
        &lt;td&gt;{{friend.age}}&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  </code></pre>
  
  <p>Result:</p>
  
  <p>Number</p>
  
  <ul>
  <li>1-3-7 </li>
  <li>9-15-20 </li>
  <li>10-21-30</li>
  <li>11.1-5-10</li>
  <li>2.5-3.3-7.5</li>
  <li>10.5-3.7-9.1</li>
  </ul>
  
  <p>But i want this result:</p>
  
  <p>Number</p>
  
  <ul>
  <li>1-3-7</li>
  <li>2.5-3.3-7.5 </li>
  <li>9-15-20 </li>
  <li>10-21-30</li>
  <li>10.5-3.7-9.1</li>
  <li>11.1-5-10</li>
  </ul>
  
  <p>I want to sort based on phoneNumber only.
  <a href="http://plnkr.co/edit/JI8bJ54C3ARurK5w1hFU?p=preview" rel="nofollow">http://plnkr.co/edit/JI8bJ54C3ARurK5w1hFU?p=preview</a></p>