returns an error
(now) should be ng version

Step 6: filter search results
4. In housing-location.component.html, replace locationList with results in the ngFor:
SHOULD REPLACE
housing-list.component.html

https://codelabs.developers.google.com/introduction-to-angular#6
7. Display the details
In the second paragraph in french we have to write
Dans Angular, @input() envoie des données du parent à l'enfant
instead of Dans Angular, @input() envoie des données de l'enfant à l'enfant

{rpompt}: ~/trng/introduction-to-angular-main$ ng generate component housing-list
A merge conflicted on path "/src/app/housing-list/housing-list.component.css".

On: https://codelabs.developers.google.com/introduction-to-angular#1
Section: Install the Angular CLI
Issue: The command ng -version is invalid. It should be ng version

In part 7 (Display the details) step 3 it is written "....add a new method called selectLocation..." I believe it should be selectHousingLocation

Also in step 8 it is written "Add a new method called updateSelection..." I believe it should be updateSelectedLocation

I believe housing-location.component.html should be replaced with housing-list.component.html

Hi,

In step 6. Filter search results, item 4 has a reference to a html (housing-LOCATION...)

4. In housing-location.component.html, replace locationList with results in the ngFor:

but the correct name of the file is housing-LIST...

4. In housing-list.component.html, replace locationList with results in the ngFor:

Thanks (^_^)

There is a typo in section 7. Display the Details part 5.

The line "In housing-list-component.html update the article element to have a new button child" has a typo.

"housing-list-component.html" should be "housing-list.component.html"

I got the below response when run the server, "ng serve".

"This version of CLI is only compatible with Angular versions ^16.0.0,
but Angular version 14.3.0 was found instead.

Please visit the link below to find instructions on how to update Angular.
https://update.angular.io/"

In step 5 there's a space missing at the beginning of the import of HousingLocation:

import { Component, OnInit, Input } from '@angular/core';
import {HousingLocation } from '../housing-location';
       ^^^

On the page https://codelabs.developers.google.com/introduction-to-angular#4, the instructions mention

1. In housing-list.component.html, update the article element in the template to use *ngFor so that you can display the array entries in the browser:

But, so far, no <article> element has been defined anywhere. It seems it is missing in step four of https://codelabs.developers.google.com/introduction-to-angular#2

4. In your code editor, navigate to housing-list.component.html, remove the existing code, and replace it with:

<label for="location-search">Search for a new place</label>
<input id="location-search" placeholder="Ex: Chicago"><button>Search</button>

In step 8 of part 7 is a wrong piece of code.
It looks like this:

updateSelectedLocation(location: HousingLocation) { } searchHousingLocations() {}

But it should be this:

updateSelectedLocation(location: HousingLocation) { }

This is tightly connected to (but not the same as) #12

On https://codelabs.developers.google.com/introduction-to-angular#6, the code sample has garbage after the method definition.

Add a new method called updateSelection with a parameter called location and with a type of HousingLocation.

updateSelectedLocation(location: HousingLocation) { } searchHousingLocations() {}

This part should not be included --> searchHousingLocations() {}.

I tried node 16, 18, 20 and run always into several update / incompatibilty problems with angular cli and other dependenies. Can't get it to run within a reasonable time range.

Please update tutorial so it is running with current node and angular cli versions!

B.t.w. i run on arm Mac, so this might contribute to the problems...

What worked:

• Using node 16 latest stable
• Install specific version: npm install -g @angular/[email protected] instead of npm install -g @angular/cli

Fix for This version of CLI is only compatible with Angular versions ^17.0.0, but Angular version 13.2.6 was found instead.
OR similar version issues.

Once you have cloned the repository to your local directory of angular\introduction-to-angular you will need to run the following installs to support the code that was originally created in Angular 13.2.6

From with the directory 'introduction-to-angular' execute the following commands separately:

npm install @angular/[email protected] @angular/[email protected] @angular-devkit/build-angular

Do not be tempted to update any of the audited packages as this will update your need 13.2.6 components to whatever more recent version of the Angular CLI you are using.

I hope this helps someone : )

On https://codelabs.developers.google.com/introduction-to-angular#6, the method name is incorrect.

Update HousingListComponent to add a new method called selectLocation that accepts a value of type housingLocation as a parameter:

selectHousingLocation(location: HousingLocation) { }`

The method name is selectLocation but should be selectHousingLocation.

In step 8 of part 7 is a typo:

8. Add a new method called updateSelection with a parameter called location and with a type of HousingLocation.

updateSelectedLocation(location: HousingLocation) { } searchHousingLocations() {}

updateSelection in should be updateSelectedLocation.
The method in the code is correct (although the code isn't completely correct --> #13), the description before isn't.

ng -version 

doesn't work. It should be

ng version

My OS Windows 10

It is not "ng -version". please modify it to "ng version". with ng --help, I came to know

In the "polish the templates" section, step no.4 mentions updating the code in the housing-location.component.html. I believe this should be housing-list.component.html