Лучший (по умолчанию) подход для привязки данных aurelia / инициализации элемента gui

Question

Я играю с Aurelia.js в сочетании с semantic-ui. Оба фреймворка имеют возможность заполнять, например, элементы "select" html. (После 2 "официальных примеров".)

Способ семантики, например, будет следующим:

 (<any>$('#semanticSelect'))
      .dropdown({
          apiSettings: {
              url: '//api.semantic-ui.com/tags/{query}'
          }
      })
      ;

Путь Аурелии по образцу будет с httpclient

users = [];


constructor(private http: HttpClient) {
http.configure(config => {
  config
    .useStandardConfiguration()
    .withBaseUrl('https://api.github.com/');
});

}

activate() {
return this.http.fetch('users')
  .then(response => response.json())
  .then(users => this.users = users);

}

и в HTML с

repeat.for="user of users"

и связывание в соответствии с потребностями, как

<div class="item" repeat.for="user of users" data-value.bind="user.id">${user.login}</div>

Так что теперь я немного запутался, как правильно работать? Может кто-нибудь объяснить мне, в чем разница и каков рекомендуемый способ? Это основной вопрос, как следует инициализировать элементы управления GUI -> методами aurelia framwork или семантической структурой пользовательского интерфейса! Я думаю о производительности, кэшировании и безопасности. Я нигде не читал, как это рекомендуется делать.

Спасибо!

Answer 1

Если вы собираетесь использовать полный фреймворк, такой как Aurelia, я бы предложил просто использовать метод Aurelia, поскольку semantic-ui предназначен только для макета представления и CSS с некоторыми компонентами JavaScript.