暂时只是知道怎样用，还没理解，就先展示怎样的流程，待日后再来表明理解

结构

先看下Index.html

需要注意的点是：1 需要添加angular-route.js这个js插件

   　　　　　　　2 添加 ng-view

再看看list.html和detail.html的模板内容

     
      Subject: {
   {message.subject}}
     
 
     
      Sender: {
   {message.sender}}
     
 
     
      Date: {
   {message.date}}
     
 
     
     
      To:     
      {
   {recipient}}  
      
       {
   {message.message}}
      
 
      Back to message list
     

     
  
      
    
       
      
              Search: 
              Sort by:      
                Alphabetical        Newest          
       
    
       
      
              
        
        
         
                        { {phone.date}}          
{ {phone.message}}
        
      
        
    
       
  
      
     

重点看下app.js这个js的内容

angular.module("news", ['ngRoute']).    config(['$routeProvider', function ($routeProvider) {        $routeProvider.        when('/', { templateUrl: 'partials/list.html', controller: newsListController }).        when('/news/:newsId', { templateUrl: 'partials/detail.html', controller: newsDetailController }).        otherwise({redirectTo:'/'});    } ]);

注意点：1 添加ngRoute

　　　　2 熟悉拼写的格式

 

controller.js

// 一些虚拟的邮件 messages = [{   id: 0, sender: 'jean@somecompany.com', subject: 'Hi there, old friend',   date: 'Dec 7, 2013 12:32:00', recipients: ['greg@somecompany.com'],   message: 'Hey, we should get together for lunch sometime and catch up.There are many things we should collaborate on this year.' }, {   id: 1,  sender: 'maria@somecompany.com',   subject: 'Where did you leave my laptop?',   date: 'Dec 7, 2013 8:15:12', recipients: ['greg@somecompany.com'],   message: 'I thought you were going to put it in my desk drawer.But it does not seem to be there.' }, {   id: 2, sender: 'bill@somecompany.com', subject: 'Lost python',   date: 'Dec 6, 2013 20:35:02', recipients: ['greg@somecompany.com'],   message: "Nobody panic, but my pet python is missing from her cage.She doesn't move too fast, so just call me if you see her." }]; // 把我们的邮件发布给邮件列表模板function newsListController($scope) {    $scope.phones = messages; } // 从路由信息（从URL 中解析出来的）中获取邮件id，然后用它找到正确的邮件对象 function newsDetailController($scope, $routeParams) {     $scope.message = messages[$routeParams.id]; }