Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Sep 25 18:58

    PatrickJS on master

    Update README.md (compare)

  • Sep 24 19:59
    jimzshi closed #252
  • Sep 24 19:58
    jimzshi opened #252
  • Jun 26 20:36
    john-dent commented #88
  • Jun 26 20:35
    john-dent commented #88
  • Mar 19 22:58
    gmostert closed #244
  • Feb 08 06:53
    OliverWall commented #251
  • Dec 14 2018 08:06
    fadehelix commented #251
  • Dec 14 2018 05:03
    thematho commented #251
  • Dec 14 2018 05:01
    thematho commented #209
  • Dec 14 2018 04:59
    thematho commented #209
  • Dec 12 2018 21:57
    fadehelix synchronize #251
  • Nov 04 2018 23:35
    thematho synchronize #224
  • Oct 26 2018 16:00
    Stephanemw commented #248
  • Oct 26 2018 00:16
    thematho synchronize #224
  • Oct 16 2018 11:11
    caprica-Six commented #148
  • Oct 16 2018 11:11
    caprica-Six commented #148
  • Oct 16 2018 11:10
    caprica-Six commented #148
  • Oct 16 2018 11:08
    caprica-Six commented #148
  • Oct 16 2018 11:07
    caprica-Six commented #148
Matias Fernandez Martinez
@thematho
@leonelag can you use the template directly?
template: require('./home.html'),
Jordan Christley
@JordanTreDaniel
Hey, this may seem elementary, but I can't seem to get a component that I created to show up on the page.
  1. I created the component as it says to, mine is called "profile"
  1. It simply contains two <h1> headers within profile.html
  1. I placed the <profile></profile> tags in home.html
  1. That didn't show, even though an h1 tag that I placed directly into home.html DID show. So then I tried placing the <profile> tags in navbar.html
It still doesn't work
Jordan Christley
@JordanTreDaniel
Does anyone actually reply to this channel?
Tushar Mudgal
@mr-woot
@JordanTreDaniel use command line instead to create component npm run component -- --name componentName
if you want common component use npm run component -- --name footer --parent ../common
And then add Component you imported in common.jsif its common else to components.js if its a simple component
Arthur
@ArtStepanyuk
Hello thanks for awesome project, im starting with webpack and ui works great, but i have troubles with making it friendly with express server, can anyone share some basic repo or boilerplate with ui+backend and webpack? thanks alot
Jordan Christley
@JordanTreDaniel
Thanks @mr-woot I was missing the import part. Right now I am still working with the project, since it is such a great one, although I would love to know how to add a design framework to it.
Roy M J
@Roymj88_twitter
How can i turn off browser sync in dev environment?
trafalgarDWaterLaw
@trafalgarDWaterLaw
Hi, i am trying to run this project as Angular Hybrid
any ideas if thats a good idea, my base app is on Angular 1.5 and new modules would be on Angular 2.0
Tomasz Szymanek
@tomasz-szymanek
Hello there. Is there any good way to include bootstrap to ng6-starter project?
Rafi
@Rafi993
How do I deal with nested router
is there any example around??
Rafi
@Rafi993
AngularClass/NG6-starter#227
Rafi
@Rafi993
It worked when I used /data instead of /home/data sorry for the fuss
Punita Ojha
@punitaojha
This message was deleted
Sonia
@peasandpetals_twitter
hello, i'm trying to add a bootstrap.css file into my app.js but doesn't seem to read directly from the file directory. is there any workaround it?
Sonia
@peasandpetals_twitter
ok nvm i added it directly in the index. but is there any way i can import the file directly in my app.js?
losorio35
@losorio35

``
<div fxLayout="row" fxFlex="50%" >
<div fxFlex >aaaaaaaaaaa</div>
<div fxFlex >aaaaaaaaaaa</div>
<div fxFlex >aaaaaaaaaaa</div>

      </div> 
      <div fxLayout="row"  fxFlex="50%" >  
           <div  fxFlex >bbbbbbbb</div>
           <div  fxFlex >bbbbbbbb</div>
           <div  fxFlex >bbbbbbbb</div>
      </div> 

    </div>

``

   <div fxLayout="row"  fxFlex="50%"  >  
               <div  fxFlex >aaaaaaaaaaa</div>
               <div  fxFlex >aaaaaaaaaaa</div>
               <div  fxFlex >aaaaaaaaaaa</div>

          </div> 
          <div fxLayout="row"  fxFlex="50%" >  
               <div  fxFlex >bbbbbbbb</div>
               <div  fxFlex >bbbbbbbb</div>
               <div  fxFlex >bbbbbbbb</div>
          </div> 

        </div>
Matias Fernandez Martinez
@thematho
@peasandpetals_twitter For adding a file that is on a node_module you should import the file like this:
import 'bootstrap/dist/bootstrap.css';
That's and example look where the bootstrap.css file is located.
@losorio35 What is that comment?
0215story
@love8587
hello, who is someone using AWS Elasticbeanstalk with EG6?
maks232
@maks232
hi i'd like to add material design to the starter project. could you give me a hint?
maks232
@maks232
what i did so far:
  • npm i angular-material
  • npm run build
  • tried to import in webpack.config.js ... though it's the first time i use wepack and i feel a bit lost. I have the feeling stylesheets are not imported by default?
Matias Fernandez Martinez
@thematho

@maks232
Create a vendor.js file in order to group all third party libraries:

import 'angular-material/angular-material.css';
import 'roboto-fontface/css/roboto/sass/roboto-fontface-regular.scss';

On your app.js file:

import ngMaterial from 'angular-material';
angular.module('app', [
    ngMaterial
])
@maks232 every time you install a npm package and you want to load it you need to import the module, or the main JS file or the CSS files
maks232
@maks232
thanks for the help! :)
Georgy Glezer
@stolenng
Hey guys, i have deployed NG-starter to my server but its loads really slow, any reasons why ?
Matias Fernandez Martinez
@thematho
@stolenng What you mean by slow?
Did you run Load time benchmarks? -> https://developers.google.com/web/tools/chrome-devtools/network-performance/
Are you talking about the initial rendering after the resources are loaded? -> https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool
Zeeshan Syed
@syedz
Is anyone else having issues with the dist version that is created using the gulp webpack command? I'll run http-server -p 8080 on the generated dist folder, but currently when I refresh any page other than the / page, I'm left with a 404 page not found. However when I navigate to the exact same page using a ui-sref link, it works just fine.
ekiyanov
@ekiyanov
hi.
is there anyone awake?
Matias Fernandez Martinez
@thematho
Hi @ekiyanov
Fyodor
@loenko
@syedz why don't you use default browser-sync? it works fine with html5Mode, http-server doesn't! google the issue, it's well described
Matias Fernandez Martinez
@thematho
@syedz use the default npm scripts that NG6-Starter provides npm startuses browser-sync
Zeeshan Syed
@syedz
@thematho @loenko Thanks for your input. Maybe I'm misunderstanding something, but I'm referring to the dist that gets generated. I've installed browser-sync globally, but when I run browser-sync start --server dist/I still get the same issue.
Fyodor
@loenko
@syedz as @thematho said, you should use default scripts from gulpfile, because they contain historyAPIfallback as a middleware for html5mode support. Without gulp it is not easy to implement such workaround for full-featured livereloading. I like this seed for such beautiful and convenient solutions.
Zeeshan Syed
@syedz
@loenko Agreed, but then how would one run the contents of a dist folder in a production environment?
I am currently using the scripts from the gulpfile to run in my development environment
Fyodor
@loenko
@syedz there are middleware for html5mode serving for different servers and platforms, search for it with specific request
Zeeshan Syed
@syedz
@loenko Thanks
Fyodor
@loenko
My ng6-starter app doesn't work in IE11 (and I'm required to support it). Had anybody met and fixed such issue? Clear console and only tab title and favicon are displayed.
Gadzhimari Kachaev
@gadzhimari
Hi