Как сделать на ангуляре :id?

Question

[Abc Edc]

Ну то есть как вк просмотр профилей к примеру, щелкаю на предмет какой нибудь, в URL отображается ИД предмета и тем временем с сервера приходят данные по предмету с данным ИД.

Answer 1

[Илья Коновалов]

для этого нужен еще бэкенд, чтобы данные из бд взять.
смысл примерно такой:
- делаешь роут(например с помощью 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...

Comments

[Sdiwerick]

Илья, а почему именно state, а не route?

[Илья Коновалов]

Ознакомься - https://github.com/angular-ui/ui-router более мощная штука

[Abc Edc]

Спасибо большое, я вообще не правильно выразился, я именно как на ангуляре это делается хотел узнать, чтобы не писать в ЮРЛ api.php?id=435345 а красивей типа :id

[Abc Edc]

Илья Коновалов: А как обращаться к id?

[Abc Edc]

Илья Коновалов: В самом ангуляре

[Илья Коновалов]

ГЛЕБ ГЛЕБОВ: вот тут есть пример https://github.com/angular-ui/ui-router Sample App, посмотри код, там все просто