angularjs routing not work for me -
please me.
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
Post a Comment