angularjs 的ng-repeat问题


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


 <section>
   <div ui-view="left"></div>
   <div ui-view="right"></div> 
</section>

left.html


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


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

angularjs

坐看雷子悲剧 8 years, 7 months ago

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

plunker

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

哔哔———— answered 8 years, 7 months ago

Your Answer