安装angular

 npm install -g @angular/cli

 ng new myapp

 ng g component componentName

自带路由

引入：angular-route.js

     
    
      首页
     

我的

 

angular.module('myapp',['ngRoute']) .config(['$routerProvider','localProvider',function($routerProvider,$localProvider){   $localProvider.hashPrefix('')   $routerProvider   .when(       '/home',{
         templateUrl:'home.html',       controller:'ctr1' })   .when(       '/mine',{
         templateUrl:'mine.html',       controller:function($scope){
           $scope.name='little-rabbit'       },    }])    otherwise({redirectTo:'/home'});})

UI.route路由

 

angular.module('myapp',['ui.route','angularCSS']).config(function($stateProvider,$urlRouterProvider){     $urlRouterProvider.otherwise('home.html')     $stateProvider     .state(          'home',{           url:'/home',           templateUrl:'home/home.html',            css:'home/home.css'    }) .state(           name:'list',           url:'/list',           templateUrl:'list/list.html',           css:'list/list.css'    })})