অর্ডার বাইয়ের পরে অ্যাংুলারজেস ভুল $ সূচক

Question 1

আমি অ্যাঙ্গুলার.জেএস-এ নতুন এবং আমার অ্যারে বাছাই করতে এবং সেই সাজানো ডেটা নিয়ে কাজ করতে কিছু সমস্যা আছে।

আমার আইটেমগুলির সাথে একটি তালিকা আছে এবং এটি এখনই কাজ করে যাচ্ছেন "Store.storeName" দ্বারা এটি বাছাই করতে চাই। তবে ডেটা বাছাইয়ের পরে, আমার মোছা-ফাংশন আর কাজ করছে না। আমি মনে করি thats কারণ ing সূচকটি বাছাইয়ের পরে ভুল, এবং তাই ভুল ডেটা মোছা হয়।

আমি কীভাবে এটি সমাধান করতে পারি? সুযোগে ডেটা অর্ডার করে দিচ্ছেন না? কিভাবে যে কি?

এখানে কিছু প্রাসঙ্গিক কোড দেওয়া হল:

দেখুন মধ্যে:

<tr ng-repeat="item in items | orderBy:'Store.storeName'">
                <td><input class="toggle" type="checkbox" ng-model="item.Completed"></td>
                <td>{{item.Name}}</td>
                <td>{{item.Quantity}} Stk.</td>
                <td>{{item.Price || 0 | number:2}} €</td>                
                <td>{{item.Quantity*item.Price|| 0 | number:2}} €</td>
                <td>{{item.Store.storeName}}</td> 
                <td><a><img src="img/delete.png" ng-click="removeItem($index)">{{$index}}</a></td>
            </tr>

এবং আমার নিয়ামকটিতে আমার এই মুছে ফাংশন রয়েছে, যা নির্দিষ্ট ডেটা মুছে ফেলা উচিত:

$scope.removeItem = function(index){
        $scope.items.splice(index,1);
    }

ভিউতে অর্ডার দেওয়ার আগে এটি দুর্দান্তভাবে কাজ করে। যদি গুরুত্বপূর্ণ কিছু অনুপস্থিত থাকে তবে দয়া করে আমাকে এখনই ছেড়ে দিন।

ধন্যবাদ!

Question 2

পরিবর্তে বা এর উপর রিলেিং $index- যা - আপনি যেমনটি লক্ষ্য করেছেন - অনুসারে বাছাই করা / ফিল্টার করা অ্যারেতে সূচকটি নির্দেশ করবে, আপনি নিজের removeItemফাংশনে আইটেমটি নিজেই দিতে পারেন :

<a><img src="img/delete.png" ng-click="removeItem(item)">{{$index}}</a>

এবং নিম্নলিখিত হিসাবে অ্যারের পদ্ধতিটি removeItemব্যবহার করে একটি সূচক খুঁজতে ফাংশনটি সংশোধন করুন indexOf:

$scope.removeItem = function(item){
   $scope.items.splice($scope.items.indexOf(item),1);
}

Question 3

আমি কৌনিকটি শিখতে শুরু করেছিলাম এবং অনুরূপ সমস্যার মুখোমুখি হয়েছিলাম, এবং @ পকোজ্লোস্কি-ওপেনসোর্সের উত্তরের ভিত্তিতে আমি এটিকে ঠিক এর মতো কিছু দিয়ে সমাধান করেছি

<a>
  <img src="img/delete.png" ng-click="removeItem(items.indexOf(item))">
  {{items.indexOf(item)}}
</a>

Question 4

আমার একই সমস্যা ছিল এবং এই বিষয়ে অন্যান্য উত্তর আমার পরিস্থিতির জন্য উপযুক্ত নয়।

আমি কাস্টম ফিল্টার দিয়ে আমার সমস্যাটি সমাধান করেছি:

angular.module('utils', []).filter('index', function () {
    return function (array, index) {
        if (!index)
            index = 'index';
        for (var i = 0; i < array.length; ++i) {
            array[i][index] = i;
        }
        return array;
    };
});

যা এইভাবে ব্যবহার করা যেতে পারে:

<tr ng-repeat="item in items | index | orderBy:'Store.storeName'">

এবং তারপর HTML এ আপনি ব্যবহার করতে পারেন item.indexপরিবর্তে $index।

এই পদ্ধতিটি বস্তুর সংগ্রহের জন্য উপযুক্ত।

দয়া করে মনে রাখবেন যে প্রয়োগ করা সমস্ত ফিল্টার (অর্ডার বাই ইত্যাদি) তালিকার এই কাস্টম ফিল্টারটি প্রথম হওয়া উচিত এবং এটি indexসংগ্রহের প্রতিটি বস্তুর মধ্যে অতিরিক্ত সম্পত্তি (নামটি কাস্টমাইজযোগ্য) যুক্ত করবে।

Question 5

এটা চেষ্টা কর:

$scope.remove = function(subtask) {

    var idx = $scope.subtasks.indexOf(subtask),
        st = $scope.currentTask.subtasks[idx];

    // remove from DB
    SubTask.remove({'subtaskId': subtask.id});

    // remove from local array
    $scope.subtasks.splice(idx,1);

}

আপনি আমার ব্লগে এই এন্ট্রিটিতে ভার্বোজ ব্যাখ্যাটি খুঁজে পেতে পারেন ।

Question 6

যদি কারও ব্যবহারের প্রয়োজন হয় তবে $indexআপনি বাছাই করা / ফিল্টার করা অ্যারেটিতে একটি নাম দিতে পারেন:

<tr ng-repeat="item in sortedItems = (items | orderBy:'Store.storeName') track by $index">

আমার উত্তর এখানে দেখুন ।

Question 7

আমি কেবল একটি মন্তব্য রেখেছি, তবে আমার "খ্যাতি" নেই।

মাইল এর সমাধান ঠিক আমারও প্রয়োজন ছিল। পকোজ্লোস্কি.ওপেনসোর্সের প্রশ্নের উত্তর দেওয়ার জন্য: আপনি যখন নেস্ট করেছেন ngRepeat, তখন একটি গতিশীল তালিকা (যেমন আপনি যেখানে অপসারণের অনুমতি দেন), বা উভয় (যা আমার ক্ষেত্রে) ব্যবহার $indexকরে কাজ করে না কারণ এটি ব্যাক-এন্ডের জন্য ভুল সূচক হবে because বাছাই এবং ব্যবহারের পরে ডেটাngInit মানটি ক্যাশে করার জন্য করা হয় না কারণ তালিকাটি পরিবর্তিত হলে এটি পুনরায় মূল্যায়ন হয় না।

নোট করুন যে মাইলের সমাধানটি সংযুক্ত সূচী সম্পত্তিটির নামটিকে কোনও পরামিতি পেরিয়ে কাস্টমাইজ করতে দেয় <tr ng-repeat="item in items | index:'originalPosition' | orderBy:'Store.storeName'">

আমার টুইটযুক্ত সংস্করণ:

.filter( 'repeatIndex', function repeatIndex()
{
// This filter must be called AFTER 'filter'ing 
//  and BEFORE 'orderBy' to be useful.
    return( function( array, index_name )
    {
        index_name = index_name || 'index';
        array.forEach( function( each, i )
        {each[ index_name ] = i;});
        return( array );
    });
})