Добавление и вывод картинки?

Question

[Дмитрий]

Доброго времени суток, прохожу учебный туториал по Angulardart (такой тег отсутствует), и стало интересно как расширить базовую модель, представленную в учебнике, все мои попытки найти данную информацию потерпели крах, в оф.доке про вывод картинок = 0, подскажите как добавить картинку и после вывести ее с остальной информацией?

class Hero {
  final int id;
  String name;
  Hero(this.id, this.name);
}

@Component(
  selector: 'my-app',
  template: '''
    <h1>{{title}}</h1>
    <h2>{{hero.name}}</h2>
    <div><label>id: </label>{{hero.id}}</div>
    <div>
      <label>name: </label>
      <input [(ngModel)]="hero.name" placeholder="name">
    </div>
  ''',
  directives: [formDirectives],
)
class AppComponent {
  final title = 'Tour of Heroes';
  Hero hero = Hero(1, 'Windstorm');
}

Answer 1

[Михаил Аксенов]

А в каком виде у вас картинка?

Насколько я знаю - можно вставить в тег img url картинки или её base64 (как это сделано в приложении, которое cli создает по умолчанию)

UPD: Вот тут подробнее про base64 https://stackoverflow.com/a/50389079/2221639

Comments

[Дмитрий]

я просто хочу понять как это работает в Angulardart,все таки это веб фреймворк, и там нет ни слова о выводе картинок, попытался сделать так

class Hero {
  final int id;
  String name;
  String img:
  Hero(this.id, this.name, this.img);
}

{{title}}
{{hero.name}}
figure{{hero.img}}
img src="/lib/src/image.webp" alt=""
figure
id: {{hero.id}}

name:



directives: [formDirectives],
)
class AppComponent {
final title = 'Tour of Heroes';
Hero hero = Hero(1, 'Windstorm', 'image.webp');
}
но в консоли хрома пишет что файл не найден и присваивается тип как text/plain, и где можно об этом почитать не найду...

[Дмитрий]

как оказалось, он не может с либа сервить контент, перенес папку в web и все пучком))
пысы Туториал у ангуляра атстой, какие то текстовые сайты у них должны быть без картинок совсем