angularjs--bootstrap(list-group)
Posted 昱歌
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularjs--bootstrap(list-group)相关的知识，希望对你有一定的参考价值。
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)的主要内容，如果未能解决你的问题，请参考以下文章
AngularJs+bootstrap搭载前台框架——准备工作
AngularJs+bootstrap搭载前台框架——准备工作
Salesforce + AngularJS + Bootstrap