Angular 1-复杂的ng-repeat对象/数组

Question

I have an array with 3 object then 1 object (or more depending on the choice of 3 first objects) then 5 arrays (or more according to the choice of the 5 arrays)

repeat="item in $ctrl.project[$ctrl.checkProject()].productType[$ctrl.ckeckProductType()]

//method to search for the item
      checkProject() {
        if (this.project.label === 'business') {
          return 0
        } else if(this.project.label === 'realEstate') {
          return 1
        } else if (this.project.label === 'smallBusiness'){
          return 2
        }
      }

And the same for the ckeckProductType() method

Is there not a more sophisticated solution to energize all this?

Answer 1

The simplest way is to wrap your result sequence into the method. Smth like this:

data-ng-repeat = "object in getMyObjects() track by $index"

With this you will move you selecting logic to the controller where it should be. But, it is not nice from the performance side. Function will be called each digest and will eat your resources.

Another approach is to define sequence's dependencies (this.project.label and so on) and track their update. When they will be updated, you will change your sequence. This approach requires more code and it little bit harder to maintain but it little bit faster (until your sequence not contain 1000+ items)

So it is up to you what way to go. Hope this helps.

PS There is third approach. Merge all into one sequence and write filter for this. PPS The last is possible but do not do this, it was a small evening joke.