angular.js - angularjs 的ng-repeat问题

【字号: 日期:2023-01-26浏览:57作者:雯心

问题描述

不知道自己的方法合不合适,路由用的是ui-router,首先会进入一个总的url,然后点击left.html中的类别链接会刷新right.html的商品明细,因为做的是微商城,左侧放的是商品类别,右侧是具体的物品列表,根据点击左侧的商品类别查询而来,问题是现在从上一个页面进入该路由的时候,ng-repeat会先循环显示一堆没有数据的原始内容,包括{{item.list}}这样的东西,然后才会替换出现请求得到的数据,请问该怎样解决呢?另外,有没有什么办法在进入一个页面的时候就请求后台数据并加载到前台页面呢?目前是用$rootScope上面绑定的数据的....感觉low...。不知道有没有说明白,刚接触angularjs不久,请多指教~~

<section> <p ui-view='left'></p> <p ui-view='right'></p> </section>

left.html

<p ng-repeat='item in items'>{{item.list}}//循环输出商品种类,期望点击某一种类然后刷新加载右侧right.html中的商品明细列表,包括商品名称,图片地址,单价之类的。</p>

<p ng-repeat='item in items'> {{item.goodsName}}//具体商品信息...</p>

问题解答

回答1:

用ng-include就可以做一个你需求的页面,不需要什么ui-router,当然如果你的业务更复杂,那也可以,用法差不多,给你个demo做借鉴吧:

plunker

你提到的ng-repeat会先循环显示一堆没有数据的原始内容,包括{{item.list}}这样的东西,然后才会替换出现请求得到的数据,请问该怎样解决呢?,用ng-cloak就可以解决,看文档:ngCloak

相关文章: