Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 15 15:20
    alanhg commented #1997
  • Sep 30 15:12
    bbrink68 commented #2049
  • Aug 23 13:34
    SouravKumar89 edited #2058
  • Aug 23 13:27
    SouravKumar89 opened #2058
  • Aug 22 00:04

    PatrickJS on master

    Update README.md (compare)

  • Aug 13 17:17
    ramsunvtech commented #1925
  • Aug 12 22:58
    terrancecorley commented #770
  • Aug 09 02:30
    jindovu commented #2049
  • Aug 09 02:22
    jindovu opened #2057
  • Aug 08 10:49
    krawinkelm commented #2053
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 09 11:40
    Sanafan commented #1713
  • Jul 05 11:41
    hoang-innomizetech commented #2053
  • Jul 05 07:32
    Jilaba commented #1824
  • Jun 29 04:31
    Jason-Cooke synchronize #2055
  • Jun 28 14:51
    jesslilly commented #1827
  • Jun 12 18:16
    dvaldivia commented #1969
  • Jun 12 17:55
    dvaldivia commented #2049
Sam Jones
@ollwenjones
@meiblorn that plunk is using alpha.39... are you building in alpha.39?
Vadim Fedorenko
@meiblorn
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: [/\)?\]?=/]
Vadim Fedorenko
@meiblorn
I've created an issue: AngularClass/angular2-webpack-starter#415
Vadim Fedorenko
@meiblorn
Hello. Does someone have working example with angular2-webpack-starter and ng2-bootstrap ?
Sam Jones
@ollwenjones
@meiblorn the "minificatin" might be the real issue with your ngModel. I didn't think minification was working since beta.0
Tai T. Truong
@truthtaicom
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() {

  }
}
Vadim Fedorenko
@meiblorn
@fl
@fkowal, does templates work? For example, Alert?
@fkowal , I am not able to use Alert as Directive. Do you know how to fix it?
Maciej Kowalski
@fkowal
i am not using all components
i’ve been using typeahead, and dropdown
Vadim Fedorenko
@meiblorn
I don't see any changes in templates in your commits history
It could be useful, because I am getting No Directive annotation found on Alert error when write like so directives: [Alert]
Vadim Fedorenko
@meiblorn

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.

nodecraic
@webworkio
hey, if anyone has any remote remote , designer, DevOps or Sysadmin jobs they can post them at http://webwork.io
Maciej Kowalski
@fkowal
hmm that is strange
Hsinchang
@mkjeff
ng2-bootstrap need to upgrade to ng2 beta.9. Currently, I use local source files of ng2-bootstrap, waiting for npm update. seem like typescript emit different annotation meta?
Stanislav Kiryukhin
@KorsaR-ZN
Hi, please tell me how to include the CSS file from the node_modules
Sam Jones
@ollwenjones
@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.
Aleš
@fxck
anyone used lodash along webpack?
Sam Jones
@ollwenjones
yes

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
Sam Jones
@ollwenjones
in typings.json ambientDependencies
"lodash": "github:DefinitelyTyped/DefinitelyTyped/lodash/lodash.d.ts"
Aleš
@fxck
ok @ollwenjones and what if you wanted to import only one function, say lodash/merge

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

Sam Jones
@ollwenjones
ah, that is trickier... I'm not pro at TypeScript imports... I wonder if there are some examples in this starter for RxJS though... just a sec.
Aleš
@fxck
here it works https://github.com/reactjs/redux/blob/master/examples/real-world/reducers/index.js#L2 but they are using babel, not typescript
Sam Jones
@ollwenjones
seems like the version of lodash they are importing would have to have some exported member 'merge' at that location.
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 lodash/merge the actual location in node_modules? doesn't seem to be in my case
yes it is, nevermind
Sam Jones
@ollwenjones
and it even has module.exports = merge;
Aleš
@fxck
yea
it should work
Sam Jones
@ollwenjones
I wonder if it's a bug in the ts-loader?
mine Cannot find module 'lodash/merge'.
Sam Jones
@ollwenjones
@fxck maybe not ideal, but as a workaround an old fashioned webpack require call works:
var merge = <any>require('lodash/merge');
Ross Patterson
@rpatterson
How can I get npm run test to fail (exit code >0) if test coverage is too low?
Nathan Smith
@nathasm
Is there a way to fix/avoid all Duplicate identifier errors on master?
Mika I.
@mikatalk
Hey this is a nice project, seems really well put together for a beginner like me :P
any idea what this could be from? http://i.imgur.com/yOZ4c1f.png
Jamie Spittal
@Spittal
@mikatalk There’s an issue for that