Angular Bootstrap ve Jquery nasıl ekleriz

Angular ile çalışanlar bootstrap ve jquery kütüphanelerini nasıl yükleyeceklerini anlatacağım. iki yöntem birincisi package.json dosyasonıza direk komut vermek 

  "dependencies": {
    "@angular/animations": "~7.1.0",
    "@angular/common": "~7.1.0",
    "@angular/compiler": "~7.1.0",
    "@angular/core": "~7.1.0",
    "@angular/forms": "~7.1.0",
    "@angular/platform-browser": "~7.1.0",
    "@angular/platform-browser-dynamic": "~7.1.0",
    "@angular/router": "~7.1.0",
    "bootstrap": "^4.1.0",
    "core-js": "^2.5.4",
    "jquery": "^3.3.1",
    "rxjs": "~6.3.3",
    "tslib": "^1.9.0",
    "zone.js": "~0.8.26"
İkinci yönten ise asağıdaki kodları her birini ayrı paketler için calıştırmak (terminalde)
npm install bootstrap@4.1.0
npm install jquery@3.3.1

Daha sonra bunu angular.json dosyasından cağıracağız (sürüme göre angular-cli.json olabilir. görüntü ve koddan bakabilirsiniz.

 "styles": [
              "node_modules/bootstrap/dist/css/bootstrap.min.css"
            ],
            "scripts": [
"node_modules/jquery/dist/jquery.min.js",

"node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir