You are currently viewing Intro to Angular 5 Tutorial

Intro to Angular 5 Tutorial



Introduction to Angular. Angular is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations.

Check out Dylan Israel’s YouTube channel: https://www.youtube.com/channel/UC5Wi_NYysX-LfcqT3Hq9Faw

Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on programming: https://medium.freecodecamp.com

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 10 Comments

  1. StarGazing

    I hope you will answer this question: The data doesn't load in the select using this code

    FOR crypto-form.component.html

    <select name="" id="cryptos" class="form-control">
    <option value=""></option>
    <option value="" *ngFor="let crypto of top100Cryptos">{{ crypto.name }}</option>
    </select>.

    FOR crypto-form.component.ts

    @Component({
    selector: 'app-cryto-form',
    templateUrl: './cryto-form.component.html',
    styleUrls: ['./cryto-form.component.css']
    })
    export class CrytoFormComponent implements OnInit {
    top100cryptos;

    constructor(public cryptoservice: CryptoService) { }

    ngOnInit() {
    this.cryptoservice.getCryptos().subscribe((data) => {
    this.top100cryptos = data;
    // console.log(data);
    });
    }

    }

    FOR crypto-service.service.ts

    export class CryptoService {
    constructor(public http: HttpClient) { }

    getCryptos(){
    return this.http.get('https://api.coinmarketcap.com/v1/ticker/&#39πŸ˜‰;
    }
    }
    I can log it in the console, but the data doesn't load in the select element. Would you tell me how to fix?

  2. PioneerX

    This wasn't bad but just my thoughts on how to make it better. It would have been better had you done a high level overview of everything @02:04 before jumping into long portions of tedious angular coding where the viewer doesn't yet have the knowledge to fully understand what you're coding and why, what the angular file structure is and why, etc. Also clearly delineate to the viewer when you're moving on from one topic to the next, it felt very meandering and I was like oh we're on services now? Are we done with components? Jumping back and forth between major topics a lot was confusing.

  3. SirBaconbBomb

    I appreciate the efforts but literally have no idea what's happening here….you're going 100 mph

  4. pazz

    the API is not working anymore! ):

Leave a Reply