Attempting something like this:
<button class="btn btn-lg btn-block btn-section"
ng-disabled="{{ selectedfruits.length }} < 5" > Show selected fruits</button>
When inspecting in Chrome developer tools, the code appears as follows:
<button class="btn btn-lg btn-block btn-section"
ng-disabled="0 < 5">
Show selected fruits</button>
Despite this, the button remains enabled. Below is the snippet of my controller:
.controller('fruitSelectorController',
function ($scope, $rootScope, $timeout) {
$scope.fruits = ['a', 'b', 'c', 'd', 'e'];
$scope.selectedfruits = [];
});