angularJS路由
来源:互联网 发布:wepone是什么软件 编辑:程序博客网 时间:2024/04/30 21:12
路由:
html
index.html
<ul ng-app="myApp" >
<li><a href="#/">首页</a></li>
<li><a href="#/about">个人中心</a></li>
<li><a href="#/contact">联系我们</a></li>
</ul>
<script src="js/angular.min.js"></script>
<script src="js/angular.route.js"></script>
home.html <div>{{message}}</div>
about.html <div>{{message}}</div>
contact.html <div>{{message}}</div>
script
var myApp=angular.module("myApp",["ngRoute"]);
myApp.config(["$routeProvider",function($routeProvider){
$routeProvider
.when("/",{templateUrl:"home.html",controller:"homeController"})
.when("/about",{templateUrl:"about.html",controller:"aboutController"})
.when("/contact",{templateUrl:"contact.html",controller:"contactController"});
}])
myApp.controller("homeController",function($scope){
$scope.message="home"
}) ;
myApp.controller("aboutController",function($scope){
$scope.message="about";
});
myApp.controller("contactController",function($scope){
$scope.message="contact";
});
html
index.html
<ul ng-app="myApp" >
<li><a href="#/">首页</a></li>
<li><a href="#/about">个人中心</a></li>
<li><a href="#/contact">联系我们</a></li>
</ul>
<script src="js/angular.min.js"></script>
<script src="js/angular.route.js"></script>
home.html <div>{{message}}</div>
about.html <div>{{message}}</div>
contact.html <div>{{message}}</div>
script
var myApp=angular.module("myApp",["ngRoute"]);
myApp.config(["$routeProvider",function($routeProvider){
$routeProvider
.when("/",{templateUrl:"home.html",controller:"homeController"})
.when("/about",{templateUrl:"about.html",controller:"aboutController"})
.when("/contact",{templateUrl:"contact.html",controller:"contactController"});
}])
myApp.controller("homeController",function($scope){
$scope.message="home"
}) ;
myApp.controller("aboutController",function($scope){
$scope.message="about";
});
myApp.controller("contactController",function($scope){
$scope.message="contact";
});
0 0
- Angularjs路由
- AngularJS-路由
- AngularJS 路由
- AngularJS 路由
- AngularJS路由
- angularjs路由
- angularJS路由
- Angularjs 路由
- angularjs-路由
- AngularJS 路由
- AngularJS-路由
- angularjs---------路由
- AngularJS 路由
- AngularJs路由
- AngularJS 路由
- AngularJS 路由
- angularjs路由
- angularjs 路由
- Tensorflow中padding的两种类型SAME和VALID
- 实践之从linux内核驱动过滤并punt特定数据包到应用程序
- Android6.0+权限的划分和申请的问题
- activiti 如何设置多个审批人(十五)
- php数据库操作--数据预处理、更新、删除
- angularJS路由
- ios 获取手机设备型号等相关信息
- Win7,64位,Python调用C++
- 精通 CSS+DIV 网页样式与布局 166
- 关于wkwebview与html5交互
- 无法确定 T 的类型参数;对于上限为 T,java.lang.Object 的类型变量 T,不存在唯一最大实例
- node+npm+cordova+ionic等开发环境配置(自我备忘)
- go 函数
- OpenCV 图像金字塔+通道分离+Canny算子求取边缘