Я храним текст и образ 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
Gauthier Choulet 30 Сен 2019 в 11:02

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>

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

0
Alok 30 Сен 2019 в 08:40