html - angularJS 循環拿json數組
問題描述
我在jsp頁面定義了一個變量： <script type='text/javascript'>
var wpmagazine=[{'title':'11','content':'coco'},{'title':'22','content':'nana'}];
</script> 然后在下面想要用angularJS 循環json數組，該怎么做？
<p ng-repeat=''><p class='zx-img'><a href='http://www.piao2010.com/wenda/14529.html#'><img src='http://www.piao2010.com/wenda/img/new_img1.jpg' /></a></p><p class='zx-text'> <p class='zx-tit'><a href='http://www.piao2010.com/wenda/14529.html#'>title</a></p> <p class='zx-zy'>content</p></p> </p>
問題解答
回答1：<body ng-app='myApp'><script type='text/javascript'> var wpmagazine = [{'title': '11', 'content': 'coco'},{'title': '22', 'content': 'nana'} ];</script><p ng-controller='MyCtrl'> <p ng-repeat='item in wpmagazine'><p class='zx-img'> <a href='http://www.piao2010.com/wenda/14529.html#'> </a></p><p class='zx-text'> <p class='zx-tit'><a href='http://www.piao2010.com/wenda/14529.html#'>{{item.title}}</a></p> <p class='zx-zy'>{{item.content}}</p></p> </p></p><script src='http://www.piao2010.com/wenda/angular.js'></script><script> var app = angular.module(’myApp’, []); app.controller(’MyCtrl’, function ($scope) {$scope.wpmagazine = wpmagazine; });</script></body>
既然使用了angualr，不要采用這種方式去獲取數據
相關文章：
1. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？2. 在應用配置文件 app.php 中找不到’route_check_cache’配置項3. html按鍵開關如何提交我想需要的值到數據庫4. objective-c - 自定義導航條為類似美團的搜索欄樣式5. ios - vue－cli開發項目webstrom會在stylus樣式報錯，飆紅，請大神幫忙6. html5 - 用Egret寫的小游戲，怎么分享到微信呢？7. css - BEM 中塊(Block)有木有什么標準 何時決定一個部分提取為塊而不是其父級的元素呢(Element)?~8. css3 - 怎么感覺用 rem 開發的不多啊9. css - width設置為100%之后列表無法居中10. python - 在pyqt中做微信的機器人,要在表格中顯示微信好友的名字,卻顯示不出來,怎么解決?
網公網安備