简单模板ng-repeat的使用

2019-11-09 13:49:33

字体：大中小

来源：转载

供稿：网友

<!DOCTYPE html><html ng-app="phonecatApp"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="js/lib/angular/angular.min.js"></script>    <style>        li>span:first-child{color:red;font-size:22px;}    </style></head><body ng-controller="PhoneListController"><ul>    <li ng-repeat="phone in phones">        <span>{{phone.name}}</span>        <span>{{phone.snippet}}</span>    </li></ul><script>    var app = angular.module("phonecatApp", []);    app.controller("PhoneListController", function ph($scope) {        $scope.phones = [            {                name: '【Nexus S】',                snippet: 'Fast just got faster with Nexus S.'            },            {                name: '【Motorola XOOM™ with Wi-Fi】',                snippet: 'The Next, Next Generation tablet.'            },            {                name: '【MOTOROLA XOOM™】',                snippet: 'The Next, Next Generation tablet.'            }        ];    });</script></body></html>

上一篇：关于微信小程序请求体的问题

下一篇：平行空间--打造自己的开场动画