Angular.js dependency in Onsen UI - onsen-ui

I am new in Onsen UI and I wanted to develop an app using just HTML and CSS and later on I will integrate Backbone with it. I don't know Angular.js. I am making a Onsen project and just loading onsenui.js and not angular.js but I am getting an error: Uncaught ReferenceError: angular is not defined .
So I wanted to know is Onsen UI has dependency on Angular? Can I make a Onsen project without Angular also?

No, AngularJS is a dependency for Onsen UI so it's required to use the <ons-* tags. AngularJS is used to defined the custom tags.
You can use the CSS components without AngularJS:
http://components.onsen.io/
You can use Backbone if you like, but you'll have to load AngularJS as well.

Related

Use Ng Quill in AngularJs project

I am trying to use ng-quill text editor in nested view (not the index.html) in AngularJs project.
Using Angular version 1.2.28.
Able to get ng quill on index.html page but not in other views.
https://github.com/rkmr039/Ng-Quill-example
Not getting any error either on welcome page or nested view

Show Bootstrap 3 Modal using AngularJS

I am using AngularJS 1.5.0 and Bootstrap 3.3.6.
I am trying to display the Bootstrap Modal Plugin using AngularJS.
It is easy to display using Bootstrap JS Modal
$("#myModal").modal() works with JQuery, but I need to get this working with AngularJS.
I suggest to install the UI Bootstrap which is a Bootstrap components written in pure AngularJS. Then you can use the Modal as seen in the Demo here

loopbackjs and Angular Material

How do I implement Angular Material in loopback?
I installed angular material via NPM. My app.js looks like this:
var myApp = angular.module("myItems", ['lbServices']);
My question is, where must I include the angular material code?
import {MatFormFieldModule} from '#angular/material/form-field';
loopback use angularJs framework. If you want add any library, you can add library using script tag in index.html. For material design you can use angularjs material . Please follow this link to install and use https://material.angularjs.org/latest/getting-started.

Angular-CLI AngularJS + Angular with Kendo UI

I trying to make an AngularJS + Angular4 Hybrid Project with Angular-CLI.
Surely i'm not alone with this approach... :)
So far I'm struggeling to include Kendo UI for JQuery in the CLI Project.
Why Kendo UI for JQuery? Because our AngularJS-Side of the Project uses it.
The Angular 4+ side would use the new Kendo UI for Angular.
This is what I did so far...
I added "../node_modules/jquery/dist/jquery.js" under scripts in the angular-cli.json file
(Because JQuery is needed to use Kendo UI for JQuery obviously)
I created a vendor.ts File and added the dependency "import '../node_modules/#progress/kendo-ui/js/kendo.all.js'"
Then i get this error:
"Module 'kendo.directives' is not available!
You either misspelled the module name or forgot to load it.
If registering a module ensure that you specify the dependencies as the second argument."
Maybe an Angular-cli-Crack can take a look at my project and could give me some hints. Because the Kendo-Support is just disappointing...
https://github.com/dialogaal/angular-hybrid-kendo

Any conflicts between UI-Bootstrap and Twitter Bootstrap?

Are there any conflicts between Angular UI-Bootstrap and Twitter Bootstrap?
I am trying to avoid using jQuery-UI with AngularJS if a more Angular-friendly UI package is available. I already started with Twitter Bootstrap, so I do not wish to unload Twitter Bootstrap.
No, there are no conflicts. Especially since ui-bootstrap is dependent on Twitter Bootstrap.
From the linked docs:
This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:
AngularJS (requires AngularJS 1.3.x, tested with 1.3.13). 0.12.0 is the last version of this library that supports AngularJS 1.2.x.
Bootstrap CSS (tested with version 3.1.1). This version of the library (0.13.0) works only with Bootstrap CSS in version 3.x. 0.8.0 is the last version of this library that supports Bootstrap CSS in version 2.3.x.
If you are going all in on Angular then stick with either AngularStrap or Angular UI Bootstrap, do not mix it with Twitter Bootstrap JS library. Both of the Angular projects mentioned utilize the Bootstrap CSS, but they completely replace the Bootstrap JS library, with pretty much all functionality included.
Apart from the unnecessary bloat to load both libraries, you'll end up with issues integrating the Bootstrap JS library with Angular for stuff like model binding.

Resources