Угловая маршрутизация с дополнительными услугами

Question

У меня есть небольшой веб-сайт, который я хочу сделать с помощью Angular. Сайт состоит из 3 типов содержимого: - список, который на самом деле является индексом, '/' - уникальное письменное содержимое, которое является '/ r' - вид сува для элементов из списка I имеют все три типа представлений, но с маршрутизацией я в проблеме. У меня уже есть контроллер, который обрабатывает рабочий объект и создает из него список (массивы пар ключ-значение в массиве, заголовке, субтитре, миниатюрном изображении и т. Д. Для каждого рабочего элемента), но когда я нажимаю на один из элементы списка, должна отображаться его подстраница. Я хочу использовать его с атрибутом $ index по умолчанию, которого для меня достаточно. Но могу ли я использовать контроллер, который я сделал для распечатки, или я должен сделать еще один? за помощь, это мой app.js:

(function(){ 
    var app = angular.module("portApp", ["ngRoute"]); 
    app.config(function($routeProvider) { 
     .when("/", { // default, basically the list-view 
      controller: "", 
      templateUrl: "/listView.html" 
     }); 
     .when("/r", { // about section-s content 
      controller: "", 
      templateUrl: "/resumeView.html" 
     }); 
     .when("/w/:wId", { // sub pages from the list view - $index 
      controller: "???", 
      templateUrl: "/itemView.html" 
     }); 
     .otherwise({ // otherwise redirect to the listView 
      redirectTo: "/" 
     }); 
    }); 
    app.controller("PortController", function(){ // controller for the listView 
     this.products = work; 
    }); 
    var work = [ 
     { 
      Title: "Carlsberg/Dreher", 
      subTitle: "Sörösdoboz tervek ", 
      Link: "sorok", 
      Thumbnail: "img/portfolio08.png", 
      Image: "img/sorokmont.png" 
     }, 
     { 
      Title: "Pepsi", 
      subTitle: "Kristályvíz Promóció", 
      Link: "pepsi", 
      Thumbnail: "img/portfolio13.png", 
      Image: "img/pepsimont.png" 
     }  
    ] 
})(); 

Как я должен закончить это?

ИЛИ должен ли я как-то использовать атрибут Link элемента из спискаView и передать его элементу itemView с контроллером?

Answer 1

Чтобы сделать завод с массивом «работы» вы могли бы сделать что-то вроде этого:

app.factory('workFactory', function() { 
    var scope = this; 

    scope.work = [ 
     { 
      Title: "Carlsberg/Dreher", 
      subTitle: "Sörösdoboz tervek ", 
      Link: "sorok", 
      Thumbnail: "img/portfolio08.png", 
      Image: "img/sorokmont.png" 
     }, 
     { 
      Title: "Pepsi", 
      subTitle: "Kristályvíz Promóció", 
      Link: "pepsi", 
      Thumbnail: "img/portfolio13.png", 
      Image: "img/pepsimont.png" 
     }  
    ]; 

    return scope; 
} 

И тогда в вашем контроллере вы бы вводить его и называют его

app.controller('myController', function($scope, workFactory, $routeParams) { 
    $scope.work = workFactory.work; 
    $scope.product = scope.work[$routeParams.wId]; 
}); 

заводы являются то же самое в вашем приложении, поэтому, когда вы устанавливаете заводский атрибут в одном контроллере, он остается верным для другого. Это отличается от других типов услуг, которые предоставляют только экземпляр самих себя.