angularjs and Twitter bootstrap conflict? [closed] - angularjs

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 5 years ago.
Improve this question
can i use angularjs with Twitter bootstrap or not?
I try to create a simple app and no conflict between angular and bootstrap, so why does ui-bootstrap exist?

Angular JS will work with bootstrap, but its ok to do this only when AngularJS does not try to manipulate the bootstrap elements (E.g: Modal)
Reason:
Bootstrap is based on JQuery, suppose you want to do some modifications to the bootstrap elements(E.g: Modal which works on JQuery) using angular, you will start facing issues, because Bootstrap's(JQuery) javascript which takes care of this, exists outside the angular framework, because of this, when you update a variable in angularJS you will experience multiple issues, like variables not updating immediately and other issues.
Solution:
To tackle this, the Internet Gurus have given us a vast collection of plugins/directives for using these JQuery plugins in our angular application. This plugin acts as the middle man and will sync up AngularJS with JQuery code. Some of the plugins may have the whole library rewritten.
Conclusion:
So please refrain from implementing JQuery code directly in an angular application. Scour the internet for a suitable plugin for it, it will save you lots of time debugging unwanted issues!

Related

Why Angular(2~5) is way faster than AngularJS [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
We all know AngularJS builds a digest loop when it comes to change detection , which proves to be less productive than Angular.
I want to know
How Angular works to get around this performance issue?
Does Angular also have a digest loop similar mechanism? if not , how does it know when a change could happen and need to perform change detection?
I know Angular boasts some features such as zone.js monkeypatch , unidirectional component tree, change detection strategy, RXJS ,immutableJS,etc.. either of which partly or directly drive Angular renders UI faster at the time a change happens. I'm not able to understand how Angular eventually gets faster by using these techniques together and properly?
Table that summarizes the major differences between Angular and AngularJS Change Detection.
To Explore more on this
Change Detection Differences between Angular and AngularJS
Change Detection Reinvented Victor Savkin
Angular’s $digest is reborn in the newer version of Angular
The Angular 2 Compiler Tobias Bosch
The Angular Compiler 4.0 - TOBIAS BOSCH.

AngularJS in a professional environment [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
Can you call an Angularjs app a single page angular application if while it's built/setup in angular, but then you might use jQuery for a carousel image or jQuery for fade effects or something like this added to the site that isn't angular. Would it technically be a single page angular application if jQuery or something else is incorporated in the app? I'm asking because of when I see job listings for single page applications, I want to make sure I fully understand the underlying meaning of a single page application
Also wouldn't it technically not be a single page if ng-src routed to another .html file and the page refreshed to do so as opposed to using routeprovider and locationprovider to make it appear without refreshing via ng-view?
That may come as a surprise to you, but Angular have its own jQuery subset implementation called jQLite. As long as you load a single HTML page and dynamically update its contents instead of navigating away, it is an SPA regardless of javascript libraries in use.
That's kind of opinion-based, but I would call it a non-SPA since it causes a refresh (for something other than, say, updating to a newly-deployed version.)

why angular js should be used over typical jquery web application [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I am starting a new web application in angular js.But there is one thing stuck in my mind that why should I use angular js over jquery applications.So please suggest me pros and cons for angular js.
Thanks
Angular JS is a MVC framework, so while creating a complete Web app using Angular is easy as we can have separate view , controller and services.
Using Jquery helps in DOm manipulation, but for having MVC app is nearly impossible using JQ.
Have a look at this url for more details :
Why to use Angular JS
Angular Js have build in MVC structure . Also it have the following adavantage
Data Binding
Directives
Extensibility
AngularJS is a toolset for building the framework most suited to your application development. It is fully extensible and works well with other libraries. Every feature can be modified or replaced to suit your unique development workflow and feature needs. Read on to find out how.

Angular-UI vs Angular-Strap [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
So currently I'm using Angular UI Bootstrap but I've noticed Angular-Strap has been re-written to not be jQuery wrapped directives.
Going through the new code of Angular-Strap I've noticed some pretty nice improvements such as touch and more enhanced functionality over Angular UI. Angular Experts, what is your current perspective on the two at the moment?
I know that the Angular-UI team has worked hard to remove all jQuery and Bootstrap dependencies from their code, the same as Angular Strap. They both support Bootstrap 3x so you gain nothing by going with a specific library from that perspective either. It really comes down to what features are implemented between the two.
If there are features you need that Angular Strap has that Angular-UI doesn't go with Angular Strap. The same can be said for Angular-UI. It really gets down to which one best fits your development.

angularjs with other js library [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
I have an angularjs project and I am trying to use a coverflow js library in that angularjs project to display images in coverflow style. Now the changes for this are simple. i.e. - add coverflow js and css in project and include them in main code and then simply copy paste the html for coverflow. Now I can not get this working in angularjs but it works very well without angularjs. My doubt is that coverflow js library is modifying the dom but angularjs is not letting it do somehow.
Now my question is how can I use a third party js library in an angularjs project.
It is better to be wrapped with angularjs directive. Angularjs directive lets you control DOM, so that all 3rd party js can be function within the directive.
You can build one, or google with "angularjs coverflow directive". You may find one easily.
I find this, http://southdesign.de/blog/angular-coverflow.html, but haven't tested yet.
The challenge is how well we can wrap 3rd party js to AngularJS directive by exposing all necessary features as directive attributes. I was having the same issue with ng-map.
Please remember that all DOM manipulation happens in directive with AngularJS.

Resources