angular.js - angularjs 的ng-repeat问题
世界只因有你
世界只因有你 2017-05-15 16:55:51
0
1
476

不知道自己的方法合不合适,路由用的是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를 사용하여 필요한 페이지를 만드세요. 물론 비즈니스가 더 복잡하다면 사용법도 괜찮습니다. 유사합니다. 참고로 데모를 보여드리겠습니다.ng-include就可以做一个你需求的页面,不需要什么ui-router,当然如果你的业务更复杂,那也可以,用法差不多,给你个demo做借鉴吧:

plunker

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

플런커🎜 🎜당신이 언급한 ng-repeat는 먼저 {{item.list}} 등을 포함하여 데이터 없이 원본 콘텐츠를 여러 개 표시한 다음 요청된 데이터를 대체합니다. 이 문제를 해결하는 방법은 무엇입니까? , ng-cloak로 해결할 수 있습니다. 문서를 참조하세요: ngCloak🎜
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿