loopbackjs and Angular Material - angularjs

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.

Related

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

Angular Bootstrap datepicker implement

I want to integrate Angular datepicker in my system.
I have already done from this url . But is there any option for that we can add module and we can use by parameters?

How to get Bootstrap Calendar Default look using Angular Bootstrap

How to get Bootstrap default datepicker look and feel using Angular UI Bootstrap
Angular UI Bootstrap calendar view :
http://plnkr.co/edit/?p=previewenter code here
What I want :
https://eonasdan.github.io/bootstrap-datetimepicker/
The Angular UI Bootstrap project has no CSS, rather we defer directly to Bootstrap's CSS. You can override Bootstrap's default themes or download one of the literally thousands of other BS themes out there.
You are trying to use the CSS of one project as a replacement for CSS in another. This usually requires quite a bit of manual work. As you can see here, the project you want to imulate uses its own CSS.

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.

Angular.js dependency in 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.

Resources