First thank you for good product and letting Angular happen.
I did experiment with new Angular-boostrap-md and with first try got error. Steps to reproduce:
1. create project with ng new my-app
2. in project dir install package - npm install angular-bootstrap-md
3. Setup buttons module - import { ButtonsModule } from 'angular-bootstrap-md'; ...... imports: [
BrowserModule,
FormsModule,
ButtonsModule
],
May be I did somthing wrong?
Further to the above post.. Here is the screenshot of the error in my browser console.
My project fails to compile due to the error seen in the attached, I have included the file it requested, but the error persists. Can someone help please..This is really frustrating!
Hello,
I would like to assure you that we don't use jQuery at all. In the future, we will remove this import so people won't get confused and attach bootstrap styles to our package.
NO_ERRORS_SCHEMA and your other suggestions will be soon added to README.MD file.
Thank you very much for your suggestions! We hope for more.
Regards,
I found out why it was not working at my side. Your downloadable code contains:
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
and
,
schemas: [ NO_ERRORS_SCHEMA ]
added to file app.module.ts.
Also some comments on existing README.md:
* import node_modules/angular-bootstrap-md/scss/mdb.scss at styles.css should be removed because it not work that way. (worked only when I add it in .angular-cli.json file
* additional packages I would put as npm install
npm i --save chart.js@^2.5.0 easy-pie-chart@^2.1.7 hammerjs@^2.0.8
* npm i --save bootstrap@4.0.0-alpha.6 (this installs jQuery as dependency, but in advertisment it is said you do not need jQuery.)
* ng serve I would move to end of list, and why not use auto open option: ng serve --open
We had some issues with it earlier (Github) and we are still checking it.
link to Github
Sounds like you did update your npm package and forgot update checksum?
NPM install now fails.
> npm i angular-bootstrap-md --save
npm ERR! Cannot read property 'write' of null
npm ERR! code EINTEGRITY
npm ERR! sha512-OLsh6pBJZBnwBWyBjqn7DCzlIrp3/k1XG92bbHj4BQrItCcMvPY6weq6ak8ZVlj7yQgDmGAvnqIH9rAsiEWSXw== integrity checksum failed when using sha512: wanted sha512-OLsh6pBJZBnwBWyBjqn7DCzlIrp3/k1XG92bbHj4BQrItCcMvPY6weq6ak8ZVlj7yQgDmGAvnqIH9rAsiEWSXw== but got sha512-9njOxNPFV8h9AtlfiyUFbACaZ/NC9CAZyk3KjgvgrTyYgCRimvd6aOUi5kU+nZN+AUlRAZdMlUA64MqsFaMOxg==. (2491475 bytes)
npm ERR! A complete log of this run can be found in:
npm ERR! ..... npm-cache_logs2017-06-29T09_12_29_287Z-debug.log
I'm very thankful for your ideas. Both points are very good materials for the tutorial and I guess we will use them or something close to them. Now as I wrote earlier we are waiting for feedback and rather repairing crucial parts of this product. However, it's not like we aren't thinking about tutorials and creating better documentation.
I think this way of installing should be your tutorial as step by step guide to bootstrap new project. It could contain two parts:
- Creation of new Angular2 app within MDB. (first part of it taken from Angular2 instructions)
- Adding MDB to existing MDB by npm install.
Hope that helps.
Okay, we are creating instruction for usage of our NPM. It should be on NPM and GitHub soon. As goes for a proper tutorial - we are still waiting for a feedback so we can choose the topic for it.
To include MDB in development deployment pipeline, it is essential to have possibility to install MDBoostrap as NPM module.
I am not in urge. But really would like to have instructions on creating AngularJS application using angular NG and Nodes NPM tools.
Hello,
We're really sorry for not enough information about how to start a project. We're working on it.
Could you explain us a bit more about your problem? What would you like to do?
Sadly components with custom directives does not work this way :(
And my app.module.ts contains:
import { MDBBootstrapModule } from 'angular-bootstrap-md';
...............
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
MDBBootstrapModule.forRoot()
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Probably have to add something to components?
Worked!
With some small changes tough:
ng new yourapp --style=scss
npm install --save angular-bootstrap-md
npm install --save chart.js
Add style at .angular-cli.json
"styles": [
"styles.scss",
"../node_modules/angular-bootstrap-md/scss/mdb.scss"
],
Also how aout adding angular-boostrap-md scss as import into styles.scss ?
Sory... at time I made my test, this file was empty.. :)
Will follow instructions now, and let you know how it goes.
Sory, I can't edit my last post.
polis.gints did you read that and implemented?
https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design/blob/master/README.md
Could you show us error from browser console?
