show categories in category page

Author: sergio-gomezg

angular/wallypop/src/app/components/category/category.component.html

@@ -90,17 +90,14 @@ <h3 class="text-info">Busca una categoría</h3>
                                 <label>Busca categoría</label>
                             </div>
                             <div class="col-sm-7">
-                                <!--
+                                
                                 <div class="form-group">
                                     <select class="form-control" name="lcategories">
-                                        {{#lcategory}}
-                                        <option name="ID_CATEGORY" value="{{ID_CATEGORY}}">{{TITLE}}</option>
-                                        {{/lcategory}}
+                                        <option *ngFor="let category of categories" name="ID_CATEGORY" value="{{category.id_CATEGORY}}">{{category.title}}</option>
                                     </select>
-                                    <input name="_csrf" type="hidden" value="{{token}}"/>
-                                    <input class="btn btn-default" type="submit" value="Buscar Categoria"></input>
+                                    <input class="btn btn-default" type="submit" value="Buscar Categoria">
                                 </div>
-                            -->
+                            
                                 <div class="form-group">
                                     <a href="categoryList">VER LISTADO CATEGORÍAS</a>
                                 </div>

angular/wallypop/src/app/components/category/category.component.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 import { Category } from 'src/app/models/category.model';
 import {CategoryService} from '../../services/category.service';
 import {LoginService} from '../../services/login.service';
@@ -7,10 +7,20 @@ import {LoginService} from '../../services/login.service';
     selector: 'category',
     templateUrl: './category.component.html'
 })
-export class CategoryComponent {
+export class CategoryComponent implements OnInit{
+
+    categories: Category[];
+
     constructor(public categoryService: CategoryService, public loginService: LoginService) {
     }
 
+    ngOnInit(): void {
+        this.categoryService.getCategories().subscribe(
+            category => this.categories = category,
+            error => console.log(error)
+          );
+    }
+    
     addCategory(event: any, title: string, description: string, icon: string): void {
         event.preventDefault();
         this.categoryService.addCategory(title,description,icon);