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 妈妈生日祝福语简短励志