An Angular 2 Webpack Starter kit featuring Angular 2, Router, TypeScript, and Webpack by AngularClass
Guys, hello.
When I use [(ngModel)] in my templates I am getting the 'No value accessor for '' in [null]' error. Here is example: http://plnkr.co/edit/BUvGjFhgpxoe5k2UyjWe?p=preview . How to fix?
When I use [(ngModel)] in my templates I am getting the 'No value accessor for '' in [null]' error. Here is example: http://plnkr.co/edit/BUvGjFhgpxoe5k2UyjWe?p=preview . How to fix?
To see error just open debug pane
I get this error only in production mode. In debug mode it works well
sorry, 'development' mode
No, it was just for example to show error. Look here: https://github.com/AngularClass/angular2-webpack-starter/blob/master/src/app/home/home.html . If I use
[(ngModel)] directive instead of [value]="data.value" (input)="data.value = $event.target.value" I get such error after html minification
If not — it works perfectly
I guess, problem can be here ...
customAttrSurround: [[/#/, /(?:)/], [/\*/, /(?:)/], [/\[?\(?/, /(?:)/]],
customAttrAssign: [/\)?\]?=/]
I have a error:
ORIGINAL EXCEPTION: Primary outlet is already registered.. My app.ts :/*
* Angular 2 decorators and services
*/
import {Component} from 'angular2/core';
import {RouteConfig} from 'angular2/router';
// import {FORM_PROVIDERS} from 'angular2/common';
// import {RouterActive} from './directives/router-active';
// import {HeaderComponent} from './header/header';
import {FooterComponent} from './footer/footer';
import {Home} from './home/home';
// import {Admin} from './admin/admin';
/*
* App Component
* Top Level Component
*/
@Component({
selector: 'app',
// providers: [...FORM_PROVIDERS],
directives: [FooterComponent],
pipes: [],
styles: [`
main {
font-size: 1rem;
line-height: 1.5;
color: #666;
background-color: #ededed;
}
:global(body) {
color: #666;
background-color: #ededed;
}
`],
template: `
<main>
<header>
<nav>
<h1>Hello</h1>
</nav>
</header>
<router-outlet></router-outlet>
<footer-component></footer-component>
</main>
`
})
@RouteConfig([
{ path: '/', component: Home, name: 'Index', useAsDefault: true },
{ path: '/home', component: Home, name: 'Home' },
])
export class App {
constructor() {
}
}
@fkowal, does templates work? For example, Alert?
@fkowal , I am not able to use Alert as Directive. Do you know how to fix it?
i’ve been using typeahead, and dropdown
It could be useful, because I am getting
No Directive annotation found on Alert error when write like so directives: [Alert]
Here's a little example:
app.component.ts
import {Alert} from 'ng2-bootstrap/ng2-bootstrap';
@Component({
selector: 'app',
providers: [],
directives: [Alert],
pipes: [],
styles: [require('./app.component.scss')],
template: require('./app.component.html')
})
export class App {Alert component
@Component({
selector: 'alert',
directives: [NgIf, NgClass],
template: ALERT_TEMPLATE
})
export class Alert implements OnInit {
.....Browser logs:
browser_adapter.js:76 EXCEPTION: No Directive annotation found on Alert Env: angular2-webpack-starter & ng2-bootstrap.
I posted question on stackoverflow: http://stackoverflow.com/questions/35971299/angular2-exception-no-directive-annotation-found-on-alert
hey, if anyone has any remote remote , designer, DevOps or Sysadmin jobs they can post them at http://webwork.io
@meiblorn in another library, we keep bumping into the 'No Directive annotation found' error, and it's almost always an angular version conflict between the project and a dependency. See schippie's explanation https://github.com/justindujardin/ng2-material/issues/38#issuecomment-195772602
looks like someone answered the SO question correctly though.
I have in vendor.js
import 'lodash';in my service:
import * as _ from 'lodash';
not confident the former is necessary to make it work, but it should ensure that lodash gets bundled in
vendor.js instead of main.js
also had to install typings for it
import ‘lodash'; does not complain, and _.merge is there
import ‘lodash/merge'; does not complain, but _.merge is not there
import merge from ‘lodash/merge'; complains that Cannot find module 'lodash/merge’, same with import { merge } or import * as merge
here it works https://github.com/reactjs/redux/blob/master/examples/real-world/reducers/index.js#L2 but they are using babel, not typescript
sorry once again I know just enough to be not very helpful
I would have guessed
import * as merge from 'lodash/merge' would have worked... except you don't want a bare object merge you want _.merge
is doesn't seem to be in my case
lodash/merge the actual location in node_modules?
yes it is, nevermind
it should work
mine
Cannot find module 'lodash/merge'.
