Apologies for any language barriers, I have been following the guidance provided in the phoneCat app example. Specifically, I am working on integrating one category (phone list and detail partial templates) into my project. For instance, I aim to include multiple categories like cars, phones, and fashion, all within a single category.html file accessed via URLs such as localhost/myApp/#/car or localhost/myApp/#/phone.
Main Layout:
<div ng-view></div>
JS File:
.config(['$routeProvider',
function($routeProvider) {
$routeProvider
// route for fashion
.when('/fashion', {
templateUrl: 'partials/category.html',
controller: 'fashionCtrl'
})
// route for car
.when('/car', {
templateUrl: 'partials/category.html',
controller: 'carCtrl'
})
.. including controllers for fashionCtrl and carCtrl
Partial Template HTML (category.html):
template for car
...................
template for fashion
...................
template for phone
When accessing the path /#/fashion, it currently displays both categories, but ideally, I want only one - either fashion or car. Can anyone provide a solution to this issue? Thank you for your assistance!