angular.js - angularjs 的ng-repeat問題
世界只因有你
世界只因有你 2017-05-15 16:55:51
0
1
497

不知道自己的方法合不合適,路由用的是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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板