Как различить текст и ImageUrl, хранящиеся в Firebase?

Question

Я храню текст и ImageUrl в массиве на firebase. Затем мой код должен случайным образом получить один из данных (text и imageUrl). Это на самом деле работает с текстом в качестве данных. Но мне нужно также добавить 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];
}

Answer 1

То, что я считаю, вы можете достичь этого, взяв переменную bool и используя ее в своем HTML-файле с использованием *ngIf Angular.

XYZ.ts file =>

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 =>

<!-- 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>

Я уверен, что это то, что вы хотели. Дайте мне знать, если вы хотите что-нибудь еще в комментарии. Спасибо:)