আমার কাছে টাইলসের একটি সেট রয়েছে যা ব্যবহারকারী দ্বারা নির্বাচিত কোন বিকল্পের উপর নির্ভর করে একটি নির্দিষ্ট নম্বর প্রদর্শন করে। আমি এখন যা কিছু নম্বর দেখানো হয়েছে তা অনুসারে বাছাই করতে চাই।
নীচের কোডটি দেখায় যে আমি কীভাবে এটি প্রয়োগ করেছি (পিতা-মাতার কার্ডের স্কোপে একটি মান নির্ধারণ / সেট করে)। এখন, যেহেতু অর্ডারবাই ফাংশনটি একটি স্ট্রিং নেয়, আমি কার্ড স্কোপটিতে কারওশনভ্যালু নামে একটি পরিবর্তনশীল সেট করার চেষ্টা করেছি এবং এটি অনুসারে বাছাই করেছি, তবে এটি কাজ করে বলে মনে হয় না।
সুতরাং প্রশ্নটি হয়ে যায়, আমি কীভাবে একটি কাস্টম বাছাই করব?
<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];
}
}]);