用bower进行各种包的安装
不知道为啥我的端口会报错,因为我还没有学习angular,所以暂时的话,仅仅是代码挂在这里。问题等以后在解决。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="components/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
<div ui-view="head"></div>
<div ui-view="body"></div>
<div ui-view="food"></div>
<script src="components/angular/angular.min.js"></script>
<script src="components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="components/jquery/dist/jquery.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>
var myapp = angular.module('myapp',['ui.router']);
myapp.config(['$stateProvider','$urlRouterProvider',
function($stateProvider,$urlRouterProvider){
$stateProvider.state('home',{
url:'/home',
views:{
head:{
template:'<h1>头部的内容</h1>'
},
body:{
templateUrl:'./views/body.main.tpl.html',
controller:"body.main.ctrl"
},
food:{
template:'<h1>页脚的内容</h1>'
}
}
})
$urlRouterProvider.otherwise('/home');
}]);
myapp.controller("body.main.ctrl",[])