2016-02-20 16 views
1

我在Aurelia.js和semantic-ui結合使用。這兩個框架都能夠填充html的「select」元素。 (繼2 「官方的例子」。)aurelia數據綁定/ gui元素初始化的最佳(默認)方法

的語義的方式將例如是:

(<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); 

}

,並與

repeat.for="user of users" 

HTML和綁定根據像

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

所以我現在有點困惑什麼是一起工作的正確方法的需求呢?任何人都可以解釋我有什麼不同,推薦的方式是什麼? 這是GUI控件應如何初始化的主要問題 - >通過aurelia framwork方法或語義ui框架!我正在考慮性能,緩存和安全。我無處閱讀它是如何被推薦的。

謝謝!

+0

可能重複的[Aurelia語義下拉](http://stackoverflow.com/questions/31731478/aurelia-semantic-dropdown) –

+0

我寫了一個關於創建自定義元素包裝CSS框架的博客:http:///davismj.me/blog/semantic-custom-element/ –

回答

-1

如果你打算使用像Aurelia這樣的完整框架,我建議只使用Aurelia方法,因爲semantic-ui只適用於視圖佈局和CSS組件。

+0

謝謝,但是你更喜歡使用aurelia模板中的semantic-ui js函數來初始化控件(我會說它是混合方式)還是更喜歡只使用aurelia方法?因爲可以在aurelia的激活中調用semantic-ui js方法?!? – matthias

+0

我更喜歡只使用aurelia方法,這樣我就不會在很多jQuery代碼中混入我的視圖模型,但這可能並非總是可行。我的經驗法則是,如果有可能,那麼只需使用aurelia view/view-model引用semantic-ui組件來調用aurelia中的組件方法,並在需要時回退到jquery。 – weagle08

+0

關於aurelia的偉大之處在於,我發現它很容易集成第三方組件,不像在角度1.x中編寫使用第三方控件的指令有時非常痛苦。 – weagle08