для этого нужен еще бэкенд, чтобы данные из бд взять.
смысл примерно такой:
- делаешь роут(например с помощью UI Router) в ангуляре типа:

$stateProvider
    .state('profileView', {
      url: "/profile/:id",
      controller: 'ProfileController'
    })
});

- в ProfileController у тебя будет какой-нить сервис, который возвращает данные профиля (ProfileService.getProfile(id);)
- внутри сервиса будет примерно что-то типа:

getProfile: function(id) {
     return $http.get('api/profile/' + id);
}

-дальше уже на бекенде, по адресу 'api/profile/' + id выплевывай данные по профилю

по годным ссылкам могу посоветовать https://scotch.io/tutorials/creating-a-single-page...

1. вынеси elementOut за $(document).ready
2. объяви в $(document).ready elementOut(header_width)
3. у тебя очепятка dispAly, надо display

1. может быть ты это имел ввиду?

SELECT * FROM table1 WHERE id IN (SELECT id FROM table2);

А если у тебя выборка поменяется по вложенному запросу? Опять придется руками хардкодить значение в переменную?
Так делать нельзя, можно кешировать результат, это уже другой разговор.
2. Можно в текстовую записать NOW(). а зачем только?

попробуй

git submodule init
git submodule update