fron-end (угловой):
administratorrar.component.html:
<tr *ngFor="let producto of productoService.productos">
<td>{{producto.nombre}}</td>
<td>{{producto.stock}}</td>
<td>{{producto.precio}}</td>
<td>
<ul style="list-style: none; margin-left: 0;">
<li *ngFor="let ingrediente of producto.ingredientes">
<div class="row">
<p>
{{getIngredienteById(ingrediente._id)}}
</p>
<h6 class="ml-2">
{{ingrediente.cantidad_ingrediente}}
</h6>
</div>
</li>
</ul>
</td>
<td>
</tr>
administratorrar.component.ts:
getIngredienteById(_id: string){
this.ingredienteService.getIngredienteId(_id).subscribe((res) => {
console.log(res);
return res;
});
}
ингридиенты. ts:
getIngredienteId(_id: string){
return this.http.get(this.baseURL + `/${_id}`);
}
back-end (node.js express.js mongodb):
в ингридиентеьontroller.js
const express = require('express');
var router = express.Router();
var ObjectId = require('mongoose').Types.ObjectId;
var { Ingrediente } = require('../models/ingrediente');
router.get('/:id', (req,res) =>{
console.log(req.param.id);
if(!ObjectId.isValid(req.params.id)){
console.log('id isnt valid');
return res.status(400).send(`No record with given id: ${req.params.id}`);
}
Ingrediente.findById(req.params.id, (err,doc) => {
if (!err) { res.send(doc); }
else { console.log('Error in Retriving Ingrediente :' + JSON.stringify(err, undefined, 2)); }
res.end(doc);
});
});
Когда я делаю один запрос, этохорошо, но когда я делаю это в своем HTML-коде, начинается бесконечный цикл.