profileDetails.html

<h1 style="text-align: center;">Profile</h1>
  <!-- <div>Username:   {{user.username}}</div>
  <div>Passowrd:   {{user.passowrd}}</div>
  <div>Firstname:  {{user.firstname}}</div>
  <div>Lastname:   {{user.lastname}}</div>
  <div>Email:      {{user.email}}</div>
  <div>Phone:      {{user.phone}}</div>
  <div>Location:   {{user.location}}</div>
  <button ng-click ="goback()">Back</button>
  <a href ="#/edit/{{user.username}}">Edit</button> -->


    <table class="table" >
      <thead>
          <th>Username</th>
          <th>Passowrd</th>
          <th>Firstname</th>
          <th>Lastname</th>
          <th>Email</th>
          <th>Phone</th>
          <th>Location</th>
      </thead>
      <tbody>
          <tr>
              <td>{{user.username}}</td>
              <td>{{user.passowrd}}</td>
              <td>{{user.firstname}}</td>
              <td>{{user.lastname}}</td>
              <td>{{user.email}}</td>
              <td>{{user.phone}}</td>
              <td>{{user.location}}</td>
              <td>
    <input type="button" value="Back" ng-click ="goback()"/>
    <a href ="#/edit/{{user.username}}">Edit</a>
              </td>
          </tr>
      </tbody>
  </table>