我应该如何匹配从 Flask API "prediction: " 和 angular 中手动制作的 Json 获得的字符串
How should I match both the Strings which I am getting from Flask API "prediction: " and from manually made Json in angular
我的 angular 包含这个:
const purfumes = [{
id: 1,
categories: [{
Catogery: 'Citrus',
scents: [
{image: 'assets/images/Citrus/FR1.jpg', description: 'HEllo'},
{image: 'assets/images/Citrus/FR-Citrus-2.jpg', description: ''},
{image: 'assets/images/Citrus/FRCITRUS-3.jpg', description: ''},
{image: 'assets/images/Citrus/FRCITRUS-4.jpg', description: ''},
{image: 'assets/images/Citrus/FRCITRUS-5.jpg', description: ''},
],
type: "prediction: ['Citrus (Zesty or tangy notes like mandarins or limes)']",
}, {
Catogery: 'Floral',
scents: [
{image: 'assets/images/Floral/FRFLORAL-1.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-2.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-3.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-4.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-5.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-6.png', description: ''},
],
type: "prediction: ['Floral (Smells like fresh-cut flowers - imagine rose, lily or jasmine)']",
},{
Catogery: 'Fruity',
scents: [
{image: 'assets/images/Fruity/FRFRUITY-1.jpg', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-2.jpg', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-3.jpg', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-4.jfif', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-5.png', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-6.jpg', description: ''},
],
type: "prediction: ['Fruity (Sweet, edible and tropical like peach, pear and apple)']",
},{
Catogery: 'Green',
scents: [
{image: 'assets/images/Green/FRGREEN-1.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-2.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-3.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-4.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-5.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-6.jpg', description: ''},
],
type: "prediction: ['Green (Smells of freshly mowed lawns and crushed green leaves)']",
},{
Catogery: 'Oceanic',
scents: [
{image: 'assets/images/Oceanic/FROCEANIC-1.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-2.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-3.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-4.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-5.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-6.jpg', description: ''},
],
type: "prediction: ['Oceanic (Aquatic scents that smell of sea spray or rain mixed with oceanic notes)']",
},{
Catogery: 'Oriental',
scents: [
{image: 'assets/images/Oriental/FRORIENTAL-1.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-2.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-3.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-4.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-5.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-6.jpg', description: ''},
],
type: "prediction: ['Oriental (Sweet, warm notes like cinnamon, vanilla and musk)']",
},{
Catogery: 'Spicy',
scents: [
{image: 'assets/images/Spicy/FRSPICY-1.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-2.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-3.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-4.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-5.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-6.jpg', description: ''},
],
type: "prediction: ['Spicy (raw fresh aroma of cardamom, sage or saffron)']",
},{
Catogery: 'Woody',
scents: [
{image: 'assets/images/Woody/FRWOOD-1.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-2.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-3.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-4.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-5.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-6.jpg', description: ''},
],
type: "prediction: ['Woody [Chypre] (Aromatic scents like cedar-wood, sandalwood, bergamot or vetiver)']",
}]
}]
然后从烧瓶中 API 模型将我 post 数据输入其中 我得到回应:
{prediction: "['Woody [Chypre] (Aromatic scents like cedar-wood, sandalwood, bergamot or vetiver)']"}
我想将上面的以下响应与我的类别中的类型参数匹配 JSON 字符串
我尝试使用
在 angular 中进行匹配
if (this.posteddata === this.recommend.categorys[0].type) {
this.router.navigate([`/result`]);
}else {
alert("string doesnt match");
}
this.posteddata
是我从烧瓶中得到的变量 API python
但它每次都给我 string doesn't match
谁能帮我解决这个问题
试试这个代码,
Object.entries(this.posteddata).forEach(([key, value]) => {
console.log(key, value);
});
你会得到 prediction 和 ['Woody [Chypre] (Aromatic scents like cedar-wood, sandalwood, bergamot or vetiver)' ]中的值。
现在,您可以将 type
与 value
进行比较
我的 angular 包含这个:
const purfumes = [{
id: 1,
categories: [{
Catogery: 'Citrus',
scents: [
{image: 'assets/images/Citrus/FR1.jpg', description: 'HEllo'},
{image: 'assets/images/Citrus/FR-Citrus-2.jpg', description: ''},
{image: 'assets/images/Citrus/FRCITRUS-3.jpg', description: ''},
{image: 'assets/images/Citrus/FRCITRUS-4.jpg', description: ''},
{image: 'assets/images/Citrus/FRCITRUS-5.jpg', description: ''},
],
type: "prediction: ['Citrus (Zesty or tangy notes like mandarins or limes)']",
}, {
Catogery: 'Floral',
scents: [
{image: 'assets/images/Floral/FRFLORAL-1.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-2.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-3.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-4.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-5.png', description: ''},
{image: 'assets/images/Floral/FRFLORAL-6.png', description: ''},
],
type: "prediction: ['Floral (Smells like fresh-cut flowers - imagine rose, lily or jasmine)']",
},{
Catogery: 'Fruity',
scents: [
{image: 'assets/images/Fruity/FRFRUITY-1.jpg', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-2.jpg', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-3.jpg', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-4.jfif', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-5.png', description: ''},
{image: 'assets/images/Fruity/FRFRUITY-6.jpg', description: ''},
],
type: "prediction: ['Fruity (Sweet, edible and tropical like peach, pear and apple)']",
},{
Catogery: 'Green',
scents: [
{image: 'assets/images/Green/FRGREEN-1.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-2.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-3.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-4.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-5.jpg', description: ''},
{image: 'assets/images/Green/FRGREEN-6.jpg', description: ''},
],
type: "prediction: ['Green (Smells of freshly mowed lawns and crushed green leaves)']",
},{
Catogery: 'Oceanic',
scents: [
{image: 'assets/images/Oceanic/FROCEANIC-1.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-2.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-3.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-4.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-5.jpg', description: ''},
{image: 'assets/images/Oceanic/FROCEANIC-6.jpg', description: ''},
],
type: "prediction: ['Oceanic (Aquatic scents that smell of sea spray or rain mixed with oceanic notes)']",
},{
Catogery: 'Oriental',
scents: [
{image: 'assets/images/Oriental/FRORIENTAL-1.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-2.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-3.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-4.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-5.jpg', description: ''},
{image: 'assets/images/Oriental/FRORIENTAL-6.jpg', description: ''},
],
type: "prediction: ['Oriental (Sweet, warm notes like cinnamon, vanilla and musk)']",
},{
Catogery: 'Spicy',
scents: [
{image: 'assets/images/Spicy/FRSPICY-1.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-2.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-3.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-4.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-5.jpg', description: ''},
{image: 'assets/images/Spicy/FRSPICY-6.jpg', description: ''},
],
type: "prediction: ['Spicy (raw fresh aroma of cardamom, sage or saffron)']",
},{
Catogery: 'Woody',
scents: [
{image: 'assets/images/Woody/FRWOOD-1.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-2.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-3.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-4.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-5.jpg', description: ''},
{image: 'assets/images/Woody/FRWOOD-6.jpg', description: ''},
],
type: "prediction: ['Woody [Chypre] (Aromatic scents like cedar-wood, sandalwood, bergamot or vetiver)']",
}]
}]
然后从烧瓶中 API 模型将我 post 数据输入其中 我得到回应:
{prediction: "['Woody [Chypre] (Aromatic scents like cedar-wood, sandalwood, bergamot or vetiver)']"}
我想将上面的以下响应与我的类别中的类型参数匹配 JSON 字符串
我尝试使用
在 angular 中进行匹配if (this.posteddata === this.recommend.categorys[0].type) {
this.router.navigate([`/result`]);
}else {
alert("string doesnt match");
}
this.posteddata
是我从烧瓶中得到的变量 API python
但它每次都给我 string doesn't match
谁能帮我解决这个问题
试试这个代码,
Object.entries(this.posteddata).forEach(([key, value]) => {
console.log(key, value);
});
你会得到 prediction 和 ['Woody [Chypre] (Aromatic scents like cedar-wood, sandalwood, bergamot or vetiver)' ]中的值。
现在,您可以将 type
与 value