用ng-repeat实现动态的ion-tab

楼主本人用ionic1开发公司的app,功能需求要动态的显示选项卡栏,所以很自然的想到了用ng-repeeat去循环获取后台数据。

用ng-repeat动态显示数据是ok的,那么问题来了:

    选项卡栏正选是可以正常显示ion-view里面的内容的。但是反着选则显示不出内容。

楼主百度了许久得不到答案。后来灵光乍现,引起这个问题可能是因为ng-repeat后的ion-view相当于公用的。正选的时候选项卡是active的,反选的样式则变成cached。

所以楼主的解决办法是:既然是公用的。那就用ng-include引入外部的html,编写ion-tab来ng-repeat。这样就不会公用一个ion-view了。尝试了一下,完美解决问题。

  希望能给还在用ionic1项目的小伙伴帮助!

你可能感兴趣的:(遇到的问题整理,ionic,angularjs)