angular-ui-router 基本观点
示例
index.html
<html>
<head>
<title>Angular-UI Router Example</title>
<script type="text/javascript" xx_src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.js"></script>
<script type="text/javascript" xx_src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>
<script type="text/javascript" xx_src="../js/script.js"></script>
</head>
<body ui-view="mainView"> <!-- Defining a container for our view -->
</body>
</html>script.js
var app = angular.module('app', ['ui.router']);
app.config(['$stateProvider', function($stateProvider){
$stateProvider.state('home', { //创建一个称为“家”的状态
url: '', //空URL表示当没有其他状态被调用时，此状态将被加载到主URL上
views: {
'mainView': { //我们在HTML中定义的视图容器部分
template: '<h1>It works!</h1>' //为该视图设置模板
/*templateUrl: '../templates/home.html'*/ //templateUrl将加载文件并将其内容用作模板
}
}
});
}])
热门推荐
10 五一公司放假祝福语简短
11 追星女孩的祝福语简短
12 给长辈端午祝福语 简短
13 生日祝福语有诗意简短
14 团圆日祝福语简短
15 中秋商务祝福语简短最新
16 温暖文艺简短祝福语短句
17 男孩上学祝福语简短的
18 入住酒店文案祝福语简短