Comments (16)
HI @FallenRiteMonk, can you please post here which Angular version you're running? This should be working fine with the latest RC3 (and RC1). I know it's going to be deprecated, so I need to change this anyway. Thanks for posting the issue π
from ngx-chips.
These are my dependencies regarding angular:
"@angular/common": "2.0.0-rc.3",
"@angular/compiler": "2.0.0-rc.3",
"@angular/core": "2.0.0-rc.3",
"@angular/forms": "0.1.1",
"@angular/http": "2.0.0-rc.3",
"@angular/platform-browser": "2.0.0-rc.3",
"@angular/platform-browser-dynamic": "2.0.0-rc.3",
"@angular/router": "3.0.0-alpha.7",
"es6-shim": "0.35.1",
"reflect-metadata": "0.1.3",
"rxjs": "5.0.0-beta.6",
"systemjs": "0.19.31",
"zone.js": "0.6.12"
If you need anything else or some help, let me know!
from ngx-chips.
Your versions seem correct! The problem is that the ng2-input-tag component is using a deprecated version of ngFormModel. Maybe disaling "@angular/forms" in the short term would work but I don't recommend it.
I'll to update the form to use the new version with @angular/forms. By looking at the documentation, it's not a big change, so will do it soon π
from ngx-chips.
Thank you! π
from ngx-chips.
Opened a PR #13. WIll test and merge
from ngx-chips.
PR merged to master. Version 0.1.1 on NPM should fix the issue π
from ngx-chips.
I retried it and now i get the following error:
ORIGINAL EXCEPTION: No provider for FormBuilder!
ORIGINAL STACKTRACE:
Error: DI Exception
at NoProviderError.BaseException [as constructor] (http://localhost:4200/vendor/@angular/core/src/facade/exceptions.js:20:23)
at NoProviderError.AbstractProviderError [as constructor] (http://localhost:4200/vendor/@angular/core/src/di/reflective_exceptions.js:40:16)
at new NoProviderError (http://localhost:4200/vendor/@angular/core/src/di/reflective_exceptions.js:77:16)
at ReflectiveInjector_._throwOrNull (http://localhost:4200/vendor/@angular/core/src/di/reflective_injector.js:777:19)
at ReflectiveInjector_._getByKeyDefault (http://localhost:4200/vendor/@angular/core/src/di/reflective_injector.js:805:25)
at ReflectiveInjector_._getByKey (http://localhost:4200/vendor/@angular/core/src/di/reflective_injector.js:768:25)
at ReflectiveInjector_.get (http://localhost:4200/vendor/@angular/core/src/di/reflective_injector.js:577:21)
at ElementInjector.get (http://localhost:4200/vendor/@angular/core/src/linker/element_injector.js:23:48)
at ReflectiveInjector_._getByKeyDefault (http://localhost:4200/vendor/@angular/core/src/di/reflective_injector.js:802:24)
at ReflectiveInjector_._getByKey (http://localhost:4200/vendor/@angular/core/src/di/reflective_injector.js:768:25)
any ideas what could be the problem now?
Importing FormBuilder doesn't help and I didn't find anything on google!
from ngx-chips.
Hm very strange, didn't encounter this error. Have you configured the app like described in https://github.com/Gbuomprisco/ng2-tag-input#angular-2-configuration-rc3?
from ngx-chips.
Yes
from ngx-chips.
Would you mind posting here the bootstrap code? I need a bit of context π I wonder if running the demo works on your end? I can try to mock something up on WebpackBin
from ngx-chips.
This would be my main.js:
import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode, provide, PLATFORM_DIRECTIVES } from '@angular/core';
import { LocationStrategy, PathLocationStrategy } from '@angular/common';
import { HTTP_PROVIDERS, Http } from '@angular/http';
import { disableDeprecatedForms, provideForms, REACTIVE_FORM_DIRECTIVES } from '@angular/forms';
import { AuthHttp, AuthConfig } from 'angular2-jwt';
import { WEB_ROUTER_PROVIDERS, WebAppComponent, environment } from './app/';
import 'jquery';
import 'bootstrap';
import 'primeui';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/share';
if (environment.production) {
enableProdMode();
}
bootstrap(WebAppComponent, [
HTTP_PROVIDERS,
provide(AuthHttp, {
useFactory: (http) => {
return new AuthHttp(
new AuthConfig({
noJwtError: true, // Make AuthHttp use default http reqest if no token is stored locally
tokenName: 'id-token'
}),
http);
},
deps: [Http]
}),
WEB_ROUTER_PROVIDERS,
{ provide: LocationStrategy, useClass: PathLocationStrategy },
disableDeprecatedForms(),
provideForms(),
{
provide: PLATFORM_DIRECTIVES,
useValue: [REACTIVE_FORM_DIRECTIVES],
multi: true
}
]);
Running the demo runs without any problems.
Since I'm using angular-cli I'll try to rebuild a minimal example and commit it to a github repository so you can try! I'll let you know when I got it done and up! In the main wile if you need any more info, just keep asking.
from ngx-chips.
Your config seems just fine. But the minimal example would be much help! :)
from ngx-chips.
Here my example: https://github.com/FallenRiteMonk/tagInputExample
Just install angular-cli: npm install -g angular-cli
install the packages: npm install
and serve the application: ng serve
then navigating to localhost:4200 will bring you to the site and display the error!
from ngx-chips.
I didn't include angular forms in the webpack vendors and therefore the error! Try pulling the latest version (0.1.2). :)
from ngx-chips.
Works fine now thanks π
from ngx-chips.
π
from ngx-chips.
Related Issues (20)
- Is there any way that I can set value from tagModel used in ngx-chips in angular? HOT 1
- ngx-chips 3.0.0 - angular 13.0.3 errors on build HOT 1
- ngx-chips not working with angular 12 HOT 2
- Error Compiler ngx-chips 3 and angular 13 HOT 2
- FormControl String Value HOT 1
- Improvement to Input Value Type
- allowDupes is case senitive
- Browser refreshes while add a new tag even after adding [appendToBody]= "false"
- Can't import the named export 'Ι΅Ι΅viewQuery' from non EcmaScript module (only default export is available) HOT 3
- Adding new tags on a new line?
- Cannot find module 'ng2-material-dropdown' from '../../node_modules/ngx-chips/fesm2015/ngx-chips.mjs' HOT 1
- Getting error in ngx-chips dependency of ng2 material dropdown HOT 5
- Wrong imports are used for rxjs operators HOT 3
- Incorrect type of onTextChange event emitter
- Dropdown and onlyFromAutocomplete always add me selected item
- ./node_modules/ngx-chips/fesm2015/ngx-chips.mjs:2540:24-32 - Error: export 'filter' (imported as 'filter$1') - Error HOT 1
- separatorKeyCodes not working for any code except 32
- Which version of ngx-chips works with Angular 10? HOT 1
- onTagEdited is not working correctly while sorting after editing
- Theme not applying to dropdown.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-chips.