標籤：port header blog viewport cal ref div charset ng-repeat
angularjs--bootstrap(list-group)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <title>index</title> 7 <link href="{$Think.const.CSSURL}bootstrap.min.css" rel="stylesheet" type="text/css"/> 8 <script src="{$Think.const.JS}jquery.min.js" type="text/javascript"></script> 9 <script src="{$Think.const.JS}bootstrap.min.js" type="text/javascript"></script>10 <script src="{$Think.const.JS}angular.min.js" type="text/javascript"></script>11 <link href="{$Think.const.CSSURL}home/index.css" rel="stylesheet" type="text/css"/>12 </head>13 <body ng-app="myapp" ng-controller="myctrl">14 <div class="container">15 <h1 class="page-header">前端技術方案</h1>16 <div class="list-group">17 <a href="#" class="list-group-item active" ng-repeat="user in users">{{user.name}}</a>18 <a href="#" class="list-group-item" ng-repeat="user in users2">{{user.name}}</a>19 </div>20 <img src="{$Think.const.HOMEIMG}/01.png" />21 </div>22 </body>23 <script>24 angular.module("myapp",[]).controller("myctrl",function($scope){25 $scope.users = [26 {"id":"1","name":"tom","age":"10"},27 {"id":"2","name":"jack","age":"20"},28 {"id":"3","name":"舒克","age":"10"},29 {"id":"4","name":"貝塔","age":"10"},30 {"id":"5","name":"yii","age":"12"},31 {"id":"6","name":"ci","age":"16"},32 ];33 34 $scope.users2 = $scope.users.splice(1);35 36 });37 </script>38 </html>
angularjs--bootstrap(list-group)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
