Skip to content

Accordion: ng-repeat on accordion-group does not refresh the view when the model changes #149

Description

@fedelopez

We have the following html template using the accordion component:

...
<accordion close-others="false">
<accordion-group is-open="true" ng-repeat="project in projects" heading="{{project}}">
     <project-component project-name="{{project}}" project-queues="queuesForProject(project)"...
<accordion-group is-open="true" ng-repeat="project in projects" heading="{{project}}">
...

The component managing the view above manages the projects field:

@Component(selector: 'queues-component', templateUrl: 'queuesView.html', useShadowDom: false)
class QueuesComponent implements ScopeAware, AttachAware, DetachAware {
  ...
  List<String> projects = [];
  ...

Whenever projects list changes (e.g. a new element is added to the list), the accordion-group is not redrawn. However, if we get rid of the accordion and we put the ng-repeat on a div, any change on the projects list is taken into account by the view.

Have you guys noticed any similar behaviour? any clue what are we doing wrong here?

Metadata

Metadata

Assignees

Labels

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions