выпадающий не открывается с Angular - PullRequest
Новая
       16

выпадающий не открывается с Angular

0 голосов
/ 04 мая 2019

Я изучаю Angular, и у меня проблема с Bootstrap и раскрывающимся списком.

Класс Bootstrap загружается хорошо, но раскрывающийся список не работает, что я и сделал для моего нового проекта Angular: 

npm install bootstrap jquery popper --save

И когда я делаю аудит npm, вот результат

https://codepen.io/Anduril53/pen/LoPgyz?editors=1010

стилей в angular.json 

"styles": [
          "src/styles.scss",
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ],

Ответы [ 2 ]

0 голосов
/ 04 мая 2019

Попробуйте

https://github.com/lichunbin814/angular_bootstarp_dropdown

    "styles": [
      "src/styles.scss",
      "node_modules/bootstrap/dist/css/bootstrap.min.css"
    ],
    "scripts": [
      "node_modules/jquery/dist/jquery.min.js",
      "node_modules/popper.js/dist/umd/popper.min.js",
      "node_modules/bootstrap/dist/js/bootstrap.min.js"
    ],
0 голосов
/ 04 мая 2019

почему вы используете bootstrap .. вы можете использовать Angular материал, это потрясающий фреймворк для угловых, он имеет много особенностей и с ним легко работать.stpes: 1 - установить пакет npm install - сохранить @ angular / material @ angular / cdk @ angular / animations

2 - интегрировать угловой материал в ваш проект ng add @ angular / material

3 - перезагрузите сервер (ng serve)

4 - теперь вы можете использовать любой компонент углового материала.это ссылка https://material.angular.io/components/categories

5 - например, если вы хотите раскрывающийся список, вам нужно добавить API (модуль) выбранного компонента в модуль приложения, после чего вы можете использовать его во всем приложении.

для использования компонента выбора: 1 - добавьте API в модуль приложения import {MatSelectModule} из '@ angular / material / select'; 

imports : [MatSelectModule]

2 - перейдите клюбой компонент в вашем проекте и добавьте компонент

heyy

...