angularjs routing not work for me -


please me.

here code.

javascript:

        var mymailmod = angular.module('mymail', []);      function configview($routeprovider)     {         $routeprovider.         when('/', {             templateurl: 'list.html',             controller: 'listcontroller'         }).         when('/view/:id', {             templateurl: 'details.html',             controller: 'detailscontroller'         }).         otherwise({ redirectto: '/' });     }      mymailmod.config(configview);      var messages = [         {             id:0, sender: 'mahshad', date:'14/8/2014',             recipients: ['missprogrammer@yahoo.com', 'test@gmail.com'],             subject: 'salam', text: 'salam shaghaliiiiii khobi? :x'         },         {             id:1, sender: 'enayat', date:'16/8/2014',             recipients: ['aryanpour1990@gmail.com'],             subject: 'salam', text: 'khobam khobi? che khabar?!'         },         {             id:2, sender: 'nooshin', date:'18/8/2014',             recipients: ['nooshin@yahoo.com'],             subject: 'salam', text: 'salam chetoriah? hahaha :)'         }     ];      mymailmod.controller('listcontroller', function($scope)     {         $scope.messages = messages;     });      mymailmod.controller('detailscontroller', function($scope, $routeparams)     {         $scope.message = messages[$routeparams.id];     }); 

html(1):

  <head>     <meta charset="utf-8" />     <title>angularjs plunker</title>     <script>document.write('<base href="' + document.location + '" />');</script>     <link rel="stylesheet" href="style.css" />     <script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.21/angular.js" data-semver="1.2.21"></script>     <script src="app.js"></script>   </head>    <body ng-controller="mainctrl">     <h1>mymail app</h1>     <div ng-view></div>   </body>  </html> 

html(2):

<div>sender: {{messages.sender}}</div> <div>date: {{messages.date}}</div> <div>from: <span ng-repeat="recipient in messages.recipients">{{recipient}}</span></div> <div>subject: {{messages.subject}}</div> <div>{{messages.text}}</div> 

html(3):

<table>     <tr>         <th>sender</th>         <th>subject</th>         <th>date</th>     </tr>     <tr ng-repeat="message in messages">         <td>{{message.sender}}</td>         <td><a ng-href="#/view/{{messages.id}}">{{message.subject}}</a></td>         <td>{{message.date}}</td>     </tr> </table> 

what should do?


Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -