Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var app = angular.module('student', []);
- app.controller('StudentController', function($scope) {
- $scope.studentList = [];
- $scope.addStudent = function() {
- this.studentList.push({
- name: $scope.getName,
- course: $scope.getCourse,
- date: new Date()
- });
- $scope.getName = "";
- $scope.getCourse = "";
- };
- app.config(['$routeProvider',
- function($routeProvider) {
- $routeProvider.
- when('/DisplayInfo/:name', {
- templateUrl: 'DisplayInfo.html',
- controller: 'DisplayInfoController'
- });
- }
- ]);
- app.controller('DisplayInfoController', function($scope, $routeParams) {
- $scope.name = $routeParams.getName;
- });
- });
- <!DOCTYPE html>
- <html ng-app="student">
- <head>
- <link rel="stylesheet" type="text/css" href="student.css">
- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
- <!-- jQuery library -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
- <!-- Latest compiled JavaScript -->
- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
- </head>
- <body>
- <div class="container">
- <div id="header">
- <h1>Student Access</h1>
- <p>
- <fieldset>
- <br />
- <br />
- <form ng-controller="StudentController as studentCtrl" ng-submit="addStudent()">
- <div ng-if="studentList.length > 0">
- <table class="table table-striped">
- <tr>
- <th>
- Name
- </th>
- <th>
- Course
- </th>
- <th>
- Date
- </th>
- </tr>
- <tr ng-repeat="getStudent in studentList track by $index">
- <td ng-bind="getStudent.name">
- </td>
- <td ng-bind="getStudent.course">
- </td>
- <td ng-bind="getStudent.date | date:'MM-dd-yyyy'">
- </td>
- <td><a href="#DisplayInfo/{{getStudent.name}}">Display Info</a></td>
- </tr>
- </table>
- </div>
- <div ng-view></div>
- <br />
- <fieldset class="form-group">
- <legend><strong>First Name</strong></legend>
- <input ng-model="getName" type="text" class="form-control" title="Name" placeholder="Enter Student Name" />
- </fieldset>
- <fieldset class="form-group">
- <legend><strong>Course</strong></legend>
- <input ng-model="getCourse" type="text" class="form-control" title="Course" placeholder="Enter Course" />
- </fieldset>
- <input type="submit" class="btn btn-primary pull-right" value="Add Info" />
- </form>
- </fieldset>
- </div>
- </div>
- <!-- AngularJS Library -->
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"> </script>
- <script src="app.js"></script>
- </body>
- Name: {{getStudent.name}}
- Here are the details for todo item: #{{getStudent}.
- <td><a href="#DisplayInfo/{{getStudent.name}}">Display Info</a></td>
- <td><a href="#/DisplayInfo/{{getStudent.name}}">Display Info</a></td>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement