码迷,mamicode.com
首页 > Web开发 > 详细

angularjs路由

时间:2016-12-17 17:17:17      阅读:292      评论:0      收藏:0      [点我收藏+]

标签:outer   div   code   function   nbsp   instr   需要   url   var   

    
  需要引入angular.js,angular-ui-router.min.js
  <ul> <li><a href="#home">首页</a></li> <li><a href="#aboutUs">关于我们</a></li> <li><a href="#contactUs">联系我们</a></li> </ul> <div ui-view></div>
var app = angular.module("instruction", [‘ui.router‘])
    app.config(["$urlRouterProvider", "$stateProvider", function ($urlRouterProvider, $stateProvider) {
        $urlRouterProvider.otherwise("/home");
        $stateProvider
            .state("home", {
                url:"/home",
                templateUrl: "home.html"
            })
            .state("aboutUs", {
                url: "/aboutUs",
                templateUrl: "aboutUs.html"
            })
            .state("contactUs", {
                url:"/contactUs",
                templateUrl: "contactUs.html"
            })

        }])

 

angularjs路由

标签:outer   div   code   function   nbsp   instr   需要   url   var   

原文地址:http://www.cnblogs.com/lixiaoxing/p/6189885.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!