Wpis z mikrobloga

Mirki, mam nadzieje, że mi ktoś pomoże.

Mam do zrobienia pewien projekt(na stażu) - angularjs + gulp + bootstrap.

Projekt jest podzielony na pages i components. Nie bardzo jeszcze czaje co ma być komponentem, a co nie. Stąd mam kilka pytań.

Mam dwie strony: pages, np. ogłoszenia kupna i ogłoszenia sprzedaży. Chciałbym zrobić tak by, wchodząc na strone pojawiała sie lista ogłoszeń kupna, ale z możliwościa zmiany przez taby na ogłoszenie sprzedaży i odwrotnie. Dodatkowo w menu po lewej chciałbym mieć wybór kategorii. Jak to wszystko zrealizować..

Póki co zrobiłem liste ogłoszeń kupna i liste ogłoszeń sprzedaży, są to dwa odzielnne pages z własnym kontrolerem i serwisem.

Teraz chciałbym zrobić coś takiego aby po wpisaniu w przeglądarke localhost:3000/buy wyświetlały się wszystkie ogłoszenia kupna(to już działa) , a po wpisaniu np localhost:3000/buy/1 tylko ogłoszenia kupna z kategori o id 1.

Pliki jakie mam dla ogloszenia kupna to:
buy.html
buy.ctrl.js
buy.module.js
buy.service.js

kod do buy.module.js:

angular.module('app.pages.buy', [])
.config(['$stateProvider', '$urlRouterProvider', '$httpProvider',
function ($stateProvider, $urlRouterProvider, $httpProvider) {
$stateProvider
.state('buy', {
url: '/buy',
views: {
'main@': {
controller: 'BuyCtrl',
templateUrl: '/pages/buy/buy.html'
}
}
});
}]);

Niby wiem jak to zrobić, trzeba dodać state z url:'/buy/:buyId tylko mam pytanie czy w takim przypadku musze stworzyć nowy kontroler w którym to id wyciagne z stateParams? czy może to być w tym samym kontrolerze co jest dla wyświetlania wszystkich ogłoszeń.

DZIEKI WIELKIE ZA POMOC !
#angularjs
  • 1
  • Odpowiedz
Technicznie to można zrobić to w tym samym kontrolerze tylko parametr id trzeba oznaczyć jako opcjonalny.
Ale ładniej byłoby mieć osobny kontroler dla tego przypadku bo pewnie będziesz wolał inny rest serwis
  • Odpowiedz