java随记

坚持就是胜利!

 

js外部调用更新angularjs的ng-repeat视图问题

找了个开源基础框架测试一下微信公众号。没想是用jquery做的restful风格的页面。jquery更
新table中数据就有些麻烦。所以用angularjs重构一下。
页面中angularjs展示数据  
<body   ng-controller="multi"> 
  <table id="baseTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr><th style="width:10%" class="center">标题</th>
</tr>
</thead>
               <body   ng-controller="multi">   
                <tbody>  
                         <tr ng-repeat="item in defaultData " >
                             <td class='center hidden-480'>{{item.title}}</td>    
               </tr> 
  </tbody>
            </body>
  </table>
</body>
外部jquery的ajax调用更新数据 
                    var controllerScope = $('body[ng-controller="multi"]').scope();
            controllerScope.defaultData=results;
            controllerScope.$apply();
          
注意:外部js不要删除了下面这段代码块。
                        <tr ng-repeat="item in defaultData " >
                             <td class='center hidden-480'>{{item.title}}</td>    
                 </tr> 

posted on 2017-09-11 21:37 傻 瓜 阅读(742) 评论(0)  编辑  收藏 所属分类: Ajaxjavascript


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿(7)

我参与的团队

随笔分类

随笔档案

文章分类

友情链接

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜