angular-bootstrap

How can I remove Bootstrap from my Angular project?

由 久未见 提交于 2020-08-07 05:56:58
问题 I am attempting to use Material Design Bootstrap (MDB) in my Angular project. However, when I use an angular bootstrap component, it seems standard bootstrap interferes with the styling. Whats the best way to fully remove bootstrap from my angular project so my components are only styled by angular bootstrap? Edit angular.json "styles": [ "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss", "node_modules/@fortawesome/fontawesome-free/scss/solid.scss", "node_modules/@fortawesome

Slick carousel has 0px width when loaded in collapsed tab

由 允我心安 提交于 2020-04-06 06:47:08
问题 When loading slick slider in collapsed content (angular-bootstrap collapse plugin in this case) the .slick-track div gets 0px width, resulting in the slider trying to fit all slides on top of eachother. When pressing arrow to see next slide, the slides go back to normal. If I select the slider and want to check the components in my browser, it also goes back to normal. Please see this example: http://plnkr.co/edit/iw9f2alEnK0HFkv1eq16?p=preview This is the slick configuration I'm using: $

Angular Bootstrap Carousel Slide Transition not working correctly

由 大城市里の小女人 提交于 2020-01-15 03:27:10
问题 I am looking to use the Angular Bootstrap Carousel Directive in an application I am building. I am able to implement it just fine, but the transition isn't working how it shows in the documentation. What should be happening is the old image slides out to the left, with the new image sliding in from the right. I also noticed that if you hit 'Edit Plunkr' to see the code they used, it is strangely enough doing the same thing I am seeing on my local implementation. Direct code taken from their

Angular Bootstrap Carousel Slide Transition not working correctly

由 给你一囗甜甜゛ 提交于 2020-01-15 03:27:05
问题 I am looking to use the Angular Bootstrap Carousel Directive in an application I am building. I am able to implement it just fine, but the transition isn't working how it shows in the documentation. What should be happening is the old image slides out to the left, with the new image sliding in from the right. I also noticed that if you hit 'Edit Plunkr' to see the code they used, it is strangely enough doing the same thing I am seeing on my local implementation. Direct code taken from their

Date not showing up in angular-bootstrap datepicker

由 北战南征 提交于 2020-01-05 05:58:47
问题 I have a table which conatians some dates and I am trying to use angular ui bootstrap to get a datepicker to edit them. While the datepicker pops up fine and allows me to select a date with no issue, the date itself does not appear in the input until after I have selected a new one from the popup. Can be recreated with this code: <!doctype html> <html ng-app="ui.bootstrap.demo"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//angular-ui

Date not showing up in angular-bootstrap datepicker

由 余生颓废 提交于 2020-01-05 05:58:25
问题 I have a table which conatians some dates and I am trying to use angular ui bootstrap to get a datepicker to edit them. While the datepicker pops up fine and allows me to select a date with no issue, the date itself does not appear in the input until after I have selected a new one from the popup. Can be recreated with this code: <!doctype html> <html ng-app="ui.bootstrap.demo"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//angular-ui

Issue in angular-bootstrap directive while trying to access scope

由 送分小仙女□ 提交于 2020-01-04 14:14:46
问题 I have used https://github.com/angular-ui/bootstrap for accordion, but with this directive I'm having scope issues. It only allows to use scope if ngController is declared inside of accordion. Please visit below two Plunker links and you will understand what I'm trying to say: Example 1 : http://plnkr.co/edit/Fb4UauWWmHOnTyjMPFBo index.html <!doctype html> <html ng-app="plunker"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script> <script src="//ajax

Issue in angular-bootstrap directive while trying to access scope

由 心不动则不痛 提交于 2020-01-04 14:14:26
问题 I have used https://github.com/angular-ui/bootstrap for accordion, but with this directive I'm having scope issues. It only allows to use scope if ngController is declared inside of accordion. Please visit below two Plunker links and you will understand what I'm trying to say: Example 1 : http://plnkr.co/edit/Fb4UauWWmHOnTyjMPFBo index.html <!doctype html> <html ng-app="plunker"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script> <script src="//ajax

AngularJS ui-bootstrap modal instance issue

由 老子叫甜甜 提交于 2020-01-04 05:24:10
问题 I have AngularJS app (version 1.4.7) and latest version of ui.bootstrap. Problem occurs when I try to inject $uibModalInstance which throws error Unknown provider: $uibModalInstanceProvider Here is controller code: /** * @constructor * @param $uibModal */ function ClientsController($uibModal) { var _this = this; _this.$uibModal = $uibModal; } /** * */ ClientsController.prototype.create = function() { var instance = this.$uibModal.open( { animation: true, templateUrl: 'modules/clients/views

UI bootstrap carousel first slide doesn't show then crashes at last slide

由 两盒软妹~` 提交于 2020-01-02 01:12:08
问题 I am trying to implement ui-bootstraps carousel but when the page loads the first image doesn't show but the controls and indicators do. Then, when the second image shows, I can use the controls to go back to the first image and it will show fine. I can use the controls to get to the last slide or let it slide automatically but when I get to the last slide the carousel stops working and gives the error "Cannot read property 'slide' of undefined" which points to line 576 of the ui-bootstrap
订阅 angular-bootstrap