Я храним текст и образ ImageURL в массиве на Firebase. Затем мой код должен случайным образом получить один из данных (Text и ImageURL). Это на самом деле работает с текстом как Datas. Но мне также нужно добавить URL-адрес изображения (изображение, хранящееся на uploadCare). Код должен прочитать данные, и если это URL-адрес изображения (https: // ....) показать изображение. Мне нужно написать состояние «если», но мой вопрос больше о том, как управлять его в HTML-части. В зависимости от результата (ImageURL или текст) должен использовать
Или .
private getRandom() {
let rand1 = Math.floor(Math.random() * this.cat1.words.length);
let wordCat1 = this.cat1.words[rand1];
var re = /https/gi;
if (wordCat1.search(re) == -1 ) {
console.log("Data 1 does not contain Image URL" );
} else {
console.log("Data 1 contains ImageUrl" );
}
return [wordCat1];
}
1 ответ
Что я полагаю, вы можете достичь этого, принимая переменную Bool и используя это в вашем HTML-файле с использованием *ngIf
угловата.
xyz.ts file = & gt;
isImageURL: boolean
private getRandom() {
let rand1 = Math.floor(Math.random() * this.cat1.words.length);
let wordCat1 = this.cat1.words[rand1];
var re = /https/gi;
if (wordCat1.search(re) == -1 ) {
console.log("Data 1 does not contain Image URL" );
isImageURL = false;
} else {
console.log("Data 1 contains ImageUrl" );
isImageURL = true;
}
return [wordCat1];
}
Теперь у вас есть значение BOOL, вы можете использовать его в своем HTML и заполнить любые данные, которые вы хотите заполнить
xyz.html = & gt;
<!-- This div checks if the URL is true or false and populates data for true value only -->
<div *ngIf='isImageURL'>
<!-- Your content -->
<div>
<!-- This div checks if the URL is true or false and populates data for false value only -->
<div *ngIf='!isImageURL'>
<!-- Your content -->
<div>
Я уверен, что это то, что вы хотели. Дайте мне знать, если вы хотите что-нибудь еще в комментарии. Спасибо :)
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript / JS) и его различных диалектах / реализациях (кроме ActionScript). Включите все соответствующие теги в свой вопрос; например, [node.js], [jquery], [json] и т. д.