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
dinindu-fernando
@dinindu-fernando
hi guys, can some one direct me to a quick starter or tutorial for NG6-starter?
Matias Fernandez Martinez
@thematho
just the @dinindu-fernando Readme file on https://gitter.im/AngularClass/NG6-starter
@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