অ্যাঙ্গুলারজেএস সম্পত্তি অনুসারে বাছাই করা

Question 1

আমি যা করার চেষ্টা করছি তা হল সম্পত্তি অনুসারে কিছু ডেটা বাছাই করা। এখানে উদাহরণস্বরূপ যে আমার চেষ্টা করা উচিত কাজ করা উচিত তবে তা হয় না।

এইচটিএমএল অংশ:

<div ng-app='myApp'>
    <div ng-controller="controller">
    <ul>
        <li ng-repeat="(key, value) in testData | orderBy:'value.order'">
            {{value.order}}. {{key}} -> {{value.name}}
        </li>
    </ul>
    </div>
</div>

জেএস অংশ:

var myApp = angular.module('myApp', []);

myApp.controller('controller', ['$scope', function ($scope) {

    $scope.testData = {
        C: {name:"CData", order: 1},
        B: {name:"BData", order: 2},
        A: {name:"AData", order: 3},
    }

}]);

এবং ফলাফল:

এ -> অ্যাডাটা

বি -> বিটাটা

সি -> সিডিটা

... যে আইএমএইচওর মতো হওয়া উচিত:

সি -> সিডিটা

বি -> বিটাটা

এ -> অ্যাডাটা

আমি কি কিছু মিস করেছি (এখানে পরীক্ষার জন্য জেএসফিডেল প্রস্তুত )?

Question 2

AngularJS এর অর্ডার দ্বারা ফিল্টার কেবল অ্যারে সমর্থন করে - কোনও বস্তু নেই। সুতরাং আপনাকে একটি নিজস্ব ছোট ফিল্টার লিখতে হবে যা আপনার জন্য বাছাই করে।

অথবা আপনি যে ডাটার সাথে হ্যান্ডেল করেন তার ফর্ম্যাটটি পরিবর্তন করুন (যদি আপনার এটিতে প্রভাব থাকে)। দেশী অর্ডার দ্বারা ফিল্টার দ্বারা অবজেক্টযুক্ত একটি অ্যারে বাছাইযোগ্য।

এখানে AngularJS এর জন্য আমার অর্ডারঅবজেক্টবি ফিল্টারটি রয়েছে:

app.filter('orderObjectBy', function(){
 return function(input, attribute) {
    if (!angular.isObject(input)) return input;

    var array = [];
    for(var objectKey in input) {
        array.push(input[objectKey]);
    }

    array.sort(function(a, b){
        a = parseInt(a[attribute]);
        b = parseInt(b[attribute]);
        return a - b;
    });
    return array;
 }
});

আপনার দৃষ্টিতে ব্যবহার:

<div class="item" ng-repeat="item in items | orderObjectBy:'position'">
    //...
</div>

এই উদাহরণে পজিশনের একটি অবস্থানের বৈশিষ্ট্য প্রয়োজন, তবে কেবলমাত্র সংজ্ঞা অনুসারে অবজেক্টগুলিতে (কোনও পূর্ণসংখ্যা সহ) কোনও বৈশিষ্ট্য ব্যবহার করার আপনার নমনীয়তা রয়েছে।

JSON উদাহরণ:

{
    "123": {"name": "Test B", "position": "2"},
    "456": {"name": "Test A", "position": "1"}
}

এখানে একটি ফ্রিডল যা আপনাকে ব্যবহারটি দেখায়: http://jsfiddle.net/4tkj8/1/

Question 3

এটি বেশ সহজ, কেবল এটির মতো করুন

$scope.props = [{order:"1"},{order:"5"},{order:"2"}]

ng-repeat="prop in props | orderBy:'order'"

Question 4

ভুলে যাবেন না যে পার্সিয়ান্ট () কেবল পূর্ণসংখ্যা মানের জন্য কাজ করে। স্ট্রিংয়ের মানগুলি বাছাই করতে আপনার এটিকে অদলবদল করতে হবে:

array.sort(function(a, b){
  a = parseInt(a[attribute]);
  b = parseInt(b[attribute]);
  return a - b;
});

এর সাথে:

array.sort(function(a, b){
  var alc = a[attribute].toLowerCase(),
      blc = b[attribute].toLowerCase();
  return alc > blc ? 1 : alc < blc ? -1 : 0;
});

Question 5

আপনি কৌণিক-জেএস কোডে দেখতে পারেন ( https://github.com/angular/angular.js/blob/master/src/ng/filter/orderBy.js ) এনজি-রিপিট অবজেক্টের সাথে কাজ করে না। এখানে সাজানো ফাংশন সহ একটি হ্যাক।

http://jsfiddle.net/sunnycpp/qaK56/33/

<div ng-app='myApp'>
    <div ng-controller="controller">
    <ul>
        <li ng-repeat="test in testData | orderBy:sortMe()">
            Order = {{test.value.order}} -> Key={{test.key}} Name=:{{test.value.name}}
        </li>
    </ul>
    </div>
</div>

myApp.controller('controller', ['$scope', function ($scope) {

    var testData = {
        a:{name:"CData", order: 2},
        b:{name:"AData", order: 3},
        c:{name:"BData", order: 1}
    };
    $scope.testData = _.map(testData, function(vValue, vKey) {
        return { key:vKey, value:vValue };
    }) ;
    $scope.sortMe = function() {
        return function(object) {
            return object.value.order;
        }
    }
}]);

Question 6

http://docs.angularjs.org/api/ng.filter:orderBy অনুসারে অর্ডারবাই একটি অ্যারে বাছাই করে। আপনার ক্ষেত্রে আপনি কোনও বিষয় পাস করছেন, সুতরাং আপনাকে নিজের বাছাইয়ের কাজটি প্রয়োগ করতে হবে।

বা একটি অ্যারে পাস -

$scope.testData = {
    C: {name:"CData", order: 1},
    B: {name:"BData", order: 2},
    A: {name:"AData", order: 3},
}

http://jsfiddle.net/qaK56/ এ একবার দেখুন

Question 7

আপনার সমস্যাটি সমাধানের জন্য আপনার জেএসএন কাঠামোর সত্যিকারের উন্নতি করা উচিত:

$scope.testData = [
   {name:"CData", order: 1},
   {name:"BData", order: 2},
   {name:"AData", order: 3},
]

তাহলে আপনি করতে পারেন

<li ng-repeat="test in testData | orderBy:order">...</li>

আমার মনে হয় সমস্যাটি হ'ল (কী, মান) ভেরিয়েবলগুলি অর্ডারবাই ফিল্টারটিতে উপলব্ধ নয় এবং আপনার কীগুলিতে কোনওভাবেই ডেটা সংরক্ষণ করা উচিত নয়

Question 8

এখানে আমি যা করেছি এবং এটি কাজ করে।
আমি কেবল একটি স্ট্রিংফাইড বস্তু ব্যবহার করেছি।

$scope.thread = [ 
  {
    mostRecent:{text:'hello world',timeStamp:12345678 } 
    allMessages:[]
  }
  {MoreThreads...}
  {etc....}
]

<div ng-repeat="message in thread | orderBy : '-mostRecent.timeStamp'" >

আমি পাঠ্য অনুসারে বাছাই করতে চাইলে আমি করব

orderBy : 'mostRecent.text'

Question 9

আমি ফিল্টারটির আমার আপগ্রেড সংস্করণ যুক্ত করব যা পরবর্তী সিনট্যাক্স সমর্থন করে:

ng-repeat="(id, item) in $ctrl.modelData | orderObjectBy:'itemProperty.someOrder':'asc'

app.filter('orderObjectBy', function(){

         function byString(o, s) {
            s = s.replace(/\[(\w+)\]/g, '.$1'); // convert indexes to properties
            s = s.replace(/^\./, '');           // strip a leading dot
            var a = s.split('.');
            for (var i = 0, n = a.length; i < n; ++i) {
                var k = a[i];
                if (k in o) {
                    o = o[k];
                } else {
                    return;
                }
            }
            return o;
        }

        return function(input, attribute, direction) {
            if (!angular.isObject(input)) return input;

            var array = [];
            for(var objectKey in input) {
                if (input.hasOwnProperty(objectKey)) {
                    array.push(input[objectKey]);
                }
            }

            array.sort(function(a, b){
                a = parseInt(byString(a, attribute));
                b = parseInt(byString(b, attribute));
                return direction == 'asc' ? a - b : b - a;
            });
            return array;
        }
    })

মধ্যে আরমিন এবং এই থ্রেড তাদের উত্তরের জন্য জেসন এবং ঊষা ধন্যবাদ এই থ্রেড ।

Question 10

আর্মিনের উত্তর + অবজেক্টের ধরণ এবং অ-কৌণিক কীগুলির জন্য একটি কঠোর চেক $resolve

app.filter('orderObjectBy', function(){
 return function(input, attribute) {
    if (!angular.isObject(input)) return input;

    var array = [];
    for(var objectKey in input) {
      if (typeof(input[objectKey])  === "object" && objectKey.charAt(0) !== "$")
        array.push(input[objectKey]);
    }

    array.sort(function(a, b){
        a = parseInt(a[attribute]);
        b = parseInt(b[attribute]);
        return a - b;
    });

    return array;
 }
})

Question 11

নিম্নলিখিত বা বস্তুর মধ্যে একটি কী দ্বারা কী দ্বারা অবজেক্টগুলির ক্রম মঞ্জুরি দেয় ।

টেমপ্লেটে আপনি এমন কিছু করতে পারেন:

    <li ng-repeat="(k,i) in objectList | orderObjectsBy: 'someKey'">

অথবা এমনকি:

    <li ng-repeat="(k,i) in objectList | orderObjectsBy: 'someObj.someKey'">

ফিল্টার:

app.filter('orderObjectsBy', function(){
 return function(input, attribute) {
    if (!angular.isObject(input)) return input;

    // Filter out angular objects.
    var array = [];
    for(var objectKey in input) {
      if (typeof(input[objectKey])  === "object" && objectKey.charAt(0) !== "$")
        array.push(input[objectKey]);
    }

    var attributeChain = attribute.split(".");

    array.sort(function(a, b){

      for (var i=0; i < attributeChain.length; i++) {
        a = (typeof(a) === "object") && a.hasOwnProperty( attributeChain[i]) ? a[attributeChain[i]] : 0;
        b = (typeof(b) === "object") && b.hasOwnProperty( attributeChain[i]) ? b[attributeChain[i]] : 0;
      }

      return parseInt(a) - parseInt(b);
    });

    return array;
 }
})