aurelia数据绑定/ gui元素初始化的最佳(默认)方法

时间:2016-02-20 21:29:55

标签: semantic-ui aurelia

我和Aurelia.js一起玩semantic-ui。 两个框架都有能力填写例如" select" html的元素。 (遵循2"官方例子"。)

语义的方式例如是:

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

根据样本,Aurelia的方式是使用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 with

repeat.for="user of users"

并根据需要绑定

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

所以现在我有点困惑,正确的合作方式是什么?任何人都可以解释我的差异和建议的方式是什么? 如何初始化GUI控件是一个主要问题 - &gt;通过aurelia framwork方法或语义ui框架!我考虑了性能,缓存和安全性。我无处可读它是如何推荐的。

谢谢!

1 个答案:

答案 0 :(得分:-1)

如果你打算使用像Aurelia这样的完整框架,我建议只使用Aurelia方法,因为semantic-ui仅用于视图布局,css用于一些javascript组件。