3. şahıs jquery-ui ile açısal kısayolu yükleyin

Question

Angular2 projem için açısal-uç kullanıyorum. Projemde jquery-ui kullanmak istiyorum. Ben, benim açısal-cli-build.js

benim dist/satıcı klasöründe otomatik olarak güncellenir nasıl

module.exports = function(defaults) { 
    return new Angular2App(defaults, { 
    vendorNpmFiles: [ 
      'jquery/src/jquery.js', 
      'jquery-ui/jquery-ui.js' 
    ] 
    }); 
}; 

düzenlenmiş

npm install jquery jquery-ui 

ile jquery-ui yüklü ben css dosyaları eklemek gerekir mi (css/jquery-ui.css gibi) index.html dizinimdeki gibi mi?

Bu link'dan moment.js entegrasyonunu izledim, ancak jquery-ui ile yardımcı olmadı. senin system.config.ts içinde Sonra

'jquery/dist/jquery.min.js', 
jquery-ui/jquery-ui.min.js', </i> 

: Ben gibi koymak senin açısal-cli-build.js ise açısal-cli

Answer 1

ile jquery-ui entegrasyonu bir çalışma örnek takdir edecek

const map: any = { 
'jquery': 'vendor/jquery/dist/jquery.min.js', 
'jquery.ui': 'vendor/jquery-ui/jquery-ui.min.js', 

dosya daha approch olan açısal-cli.json içinde

Answer 2

ithal komut dosyalarını yardımcı umuyoruz. Sizin tarafınızdan üretim dağıtım sırasında sorunlardan kaçınabilirsiniz.

"scripts": [ 
"../node_modules/jquery/dist/jquery.js", 
"vendor/jquery/dist/jquery.min.js", 
"'vendor/jquery-ui/jquery-ui.min.js" 
], 

Answer 3

Eğer açısal-cli.json dosyasındaki komut bölümünde dosyaları .js eklerken yukarıdaki yaklaşımın belirtildiği gibi çalışması gerekir

. O ana modülü sınıfına bu ekleyebilir ve çalışıp çalışmadığını kontrol edin sayesinde

.

import 'jquery'; 
import 'jquery-ui';