Есть ли способ, которым я могу разрешить счетчику приращения отображать изображение на странице индекса, когда оно четное, а другое-когда ложное. В теле-это моя попытка

#blazor

Вопрос:

@страница «/счетчик»

Счетчик

Текущее количество: @CurrentCount

lt;класс кнопок=»btn btn-основной» @onclick=»Количество приращений»gt;Нажмите на меня

@code { частный int текущий счет = 0;

 private void IncrementCount() {  currentCount  ;  if (currentCount % 2 == 0)  {  lt;img src="~/Images/black_atlasian_mode copy.png" /gt;  }  else  {  lt;img src="~/Images/teal_atlasian_mode copy.png" /gt;  } }  

}

Ответ №1:

Вы близки. Изображение должно быть в html-части, вы меняете только src:

 Current count: @currentCount  lt;button class="btn btn-primary" @onclick="IncrementCount"gt;Click me lt;/buttongt;  lt;img src="@src" /gt; @code {     private int currentCount = 0;  string src = "~/Images/black_atlasian_mode copy.png";  private void IncrementCount() {  currentCount  ;  if (currentCount % 2 == 0)  {  src = "~/Images/black_atlasian_mode copy.png";  }  else  {  src = "~/Images/teal_atlasian_mode copy.png";  } } }  

Комментарии:

1. Спасибо, что я смог взять ваш код и заставить его работать. @страница «/счетчик» вверху. Я не мог заставить изображения работать, пока не поместил их непосредственно в корневой каталог www. Я подумал, что если бы я добавил папку с названием «Изображения» под корнем www и поместил их туда, это было бы так. Есть какие-нибудь предложения?

2. Да, изображения должны быть у меня где-то внутри wwwroot. Остальная часть кода недоступна. Если вы добавите дополнительную папку, ваш путь будет выглядеть следующим образом: src="images/image.png" . Если у вас много изображений и вы не хотите перетаскивать их повсюду, используйте что-то вроде хранилища больших двоичных объектов и отслеживайте URL-адреса в базе данных..