मेरे पास टाइल्स का एक सेट है जो उपयोगकर्ता द्वारा चयनित विकल्प के आधार पर एक निश्चित संख्या प्रदर्शित करता है। अब जो भी नंबर दिखाया गया है, उसके द्वारा मैं एक प्रकार लागू करना चाहूंगा।
नीचे दिए गए कोड से पता चलता है कि मैंने इसे कैसे लागू किया है (मूल कार्ड स्कोप में मान प्राप्त करके / सेट करके)। अब, क्योंकि ऑर्डरबाय फ़ंक्शन एक स्ट्रिंग लेता है, इसलिए मैंने कार्ड स्कोप में एक चर सेट करने की कोशिश की, जिसे curOptionValue कहा जाता है और इसके द्वारा सॉर्ट किया जाता है, लेकिन यह काम नहीं करता है।
तो सवाल यह है कि, मैं एक कस्टम सॉर्ट फ़ंक्शन कैसे बनाऊं?
<div ng-controller="aggViewport" >
<div class="btn-group" >
<button ng-click="setOption(opt.name)" ng-repeat="opt in optList" class="btn active">{{opt.name}}</button>
</div>
<div id="container" iso-grid width="500px" height="500px">
<div ng-repeat="card in cards" class="item {{card.class}}" ng-controller="aggCardController">
<table width="100%">
<tr>
<td align="center">
<h4>{{card.name}}</h4>
</td>
</tr>
<tr>
<td align="center"><h2>{{getOption()}}</h2></td>
</tr>
</table>
</div>
</div>और नियंत्रक:
module.controller('aggViewport',['$scope','$location',function($scope,$location) {
$scope.cards = [
{name: card1, values: {opt1: 9, opt2: 10}},
{name: card1, values: {opt1: 9, opt2: 10}}
];
$scope.option = "opt1";
$scope.setOption = function(val){
$scope.option = val;
}
}]);
module.controller('aggCardController',['$scope',function($scope){
$scope.getOption = function(){
return $scope.card.values[$scope.option];
}
}]);