fireship-io / angular-tic-tac-toe Goto Github PK

View Code? Open in Web Editor NEW

146.0 3.0 135.0 2.73 MB

Angular Tic-Tac-Toe - A Tutorial for Beginners

JavaScript 12.33% TypeScript 74.45% HTML 7.60% CSS 5.63%

angular-tic-tac-toe's Introduction

Angular Tic-Tac-Toe PWA

Full Angular Course

angular-tic-tac-toe's People

Contributors

Stargazers

Watchers

Forkers

uwspstar smrafi4130 chathuranilanka siddhant-dev myronm95 javascript-indonesias chiyti jamestagal jmejiasgarcia nlgrf andreamobilia techbuzzz sentinelburo oz90210 malikrajat brendoncaulkins rahul2360 nickztar edunomatseye sharath218 ruslanvs spagecko dev-lester hganev rewiwa reemardelarosa chevngko stapower amruthashreeam sagar1711 chuongdd284 iocusdigital vedraiyani dimitrijescs balaguru4580 amintai bhagydeep24 andreiptr artogahr theahmedsaeed ksabchev black-code1 jayanthee7777 bluefang05 kongallis williamchan8 acemediadigital anilboppuri marhu98 h2312 moesianjackal lenny-lee1337 jamoroch hwlima joshganote mkpaprocki ian-castillo hamza512b christophertoomberg coca453 sirroke tmowens7 vijeyakumar26 sky4597 l3miage-abouds sushmita13 hernanex97 saad-ben kauanbonatto angaj kamhawy andr31 gspat24 alsafady yogeshpatil05 kadmapraveen chalewt lmaonadeftw hchiam forceoverarea gokuldemaria karanamlokesh varunj16 dahabjones kezyandrew fotgs devalimaher roypolinder leo7489 camilocas88 mederian aline-almeida-pontomais gszczepanski jahedcse555 bassem97 sushant-kat ismailibrahim84 mjmmattoni98 akhilpenugonda harshavardhan247

angular-tic-tac-toe's Issues

build failed

Error: src/app/board/board.component.ts:36:5 - error TS2322: Type 'string | null' is not assignable to type 'null'.
Type 'string' is not assignable to type 'null'.

36 this.winner = this.calculateWinner();

Unit test aren't working

Am I the only one that the unit tests aren't working?

<?xml version="1.0"?>
<testsuite name="HeadlessChrome 78.0.3882 (Windows 10.0.0)" package="" timestamp="2019-09-26T15:13:25" id="0" hostname="PC-P-7330HK5" tests="5" errors="0" failures="4" time="0.681">
  <properties>
    <property name="browser.fullName" value="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/78.0.3882.0 Safari/537.36"/>
  </properties>
  <testcase name="AppComponent should render title" time="0.105" classname="HeadlessChrome_78_0_3882_(Windows_10_0_0).AppComponent">
    <failure type="">1. If 'nb-layout-header' is an Angular component, then verify that it is part of this module.
2. If 'nb-layout-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("&lt;nb-layout&gt;
  [ERROR -&gt;]&lt;nb-layout-header fixed&gt;
  &lt;!-- Insert header here --&gt;
  &lt;/nb-layout-header&gt;
1. If 'app-board' is an Angular component, then verify that it is part of this module.
2. If 'app-board' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  &lt;nb-layout-column&gt;
    [ERROR -&gt;]&lt;app-board&gt;&lt;/app-board&gt;
    
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ 'nb-layout-header' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@2:2, 'app-board' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@8:4, 'nb-layout-column' is not a known element:
1. If 'nb-layout-column' is an Angular compon ...
    at &lt;Jasmine&gt;
    at syntaxError (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2175:1)
    at TemplateParser.parse (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:11388:1)
    at JitCompiler._parseTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25961:1)
    at JitCompiler._compileTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25949:61)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1
    at &lt;Jasmine&gt;
    at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1
    at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
    at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25811:1)
</failure>
    <failure type="">1. If 'nb-layout-header' is an Angular component, then verify that it is part of this module.
2. If 'nb-layout-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("&lt;nb-layout&gt;
  [ERROR -&gt;]&lt;nb-layout-header fixed&gt;
  &lt;!-- Insert header here --&gt;
  &lt;/nb-layout-header&gt;
1. If 'app-board' is an Angular component, then verify that it is part of this module.
2. If 'app-board' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  &lt;nb-layout-column&gt;
    [ERROR -&gt;]&lt;app-board&gt;&lt;/app-board&gt;
    
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ 'nb-layout-header' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@2:2, 'app-board' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@8:4, 'nb-layout-column' is not a known element:
1. If 'nb-layout-column' is an Angular compon ...
    at &lt;Jasmine&gt;
    at syntaxError (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2175:1)
    at TemplateParser.parse (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:11388:1)
    at JitCompiler._parseTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25961:1)
    at JitCompiler._compileTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25949:61)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1
    at &lt;Jasmine&gt;
    at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1
    at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
    at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25811:1)
</failure>
  </testcase>
  <testcase name="AppComponent should create the app" time="0.074" classname="HeadlessChrome_78_0_3882_(Windows_10_0_0).AppComponent">
    <failure type="">1. If 'nb-layout-header' is an Angular component, then verify that it is part of this module.
2. If 'nb-layout-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("&lt;nb-layout&gt;
  [ERROR -&gt;]&lt;nb-layout-header fixed&gt;
  &lt;!-- Insert header here --&gt;
  &lt;/nb-layout-header&gt;
1. If 'app-board' is an Angular component, then verify that it is part of this module.
2. If 'app-board' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  &lt;nb-layout-column&gt;
    [ERROR -&gt;]&lt;app-board&gt;&lt;/app-board&gt;
    
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ 'nb-layout-header' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@2:2, 'app-board' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@8:4, 'nb-layout-column' is not a known element:
1. If 'nb-layout-column' is an Angular compon ...
    at &lt;Jasmine&gt;
    at syntaxError (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2175:1)
    at TemplateParser.parse (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:11388:1)
    at JitCompiler._parseTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25961:1)
    at JitCompiler._compileTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25949:61)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1
    at &lt;Jasmine&gt;
    at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1
    at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
    at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25811:1)
</failure>
    <failure type="">1. If 'nb-layout-header' is an Angular component, then verify that it is part of this module.
2. If 'nb-layout-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("&lt;nb-layout&gt;
  [ERROR -&gt;]&lt;nb-layout-header fixed&gt;
  &lt;!-- Insert header here --&gt;
  &lt;/nb-layout-header&gt;
1. If 'app-board' is an Angular component, then verify that it is part of this module.
2. If 'app-board' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  &lt;nb-layout-column&gt;
    [ERROR -&gt;]&lt;app-board&gt;&lt;/app-board&gt;
    
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ 'nb-layout-header' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@2:2, 'app-board' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@8:4, 'nb-layout-column' is not a known element:
1. If 'nb-layout-column' is an Angular compon ...
    at &lt;Jasmine&gt;
    at syntaxError (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2175:1)
    at TemplateParser.parse (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:11388:1)
    at JitCompiler._parseTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25961:1)
    at JitCompiler._compileTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25949:61)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1
    at &lt;Jasmine&gt;
    at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1
    at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
    at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25811:1)
</failure>
  </testcase>
  <testcase name="AppComponent should have as title 'myapp'" time="0.066" classname="HeadlessChrome_78_0_3882_(Windows_10_0_0).AppComponent">
    <failure type="">1. If 'nb-layout-header' is an Angular component, then verify that it is part of this module.
2. If 'nb-layout-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("&lt;nb-layout&gt;
  [ERROR -&gt;]&lt;nb-layout-header fixed&gt;
  &lt;!-- Insert header here --&gt;
  &lt;/nb-layout-header&gt;
1. If 'app-board' is an Angular component, then verify that it is part of this module.
2. If 'app-board' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  &lt;nb-layout-column&gt;
    [ERROR -&gt;]&lt;app-board&gt;&lt;/app-board&gt;
    
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ 'nb-layout-header' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@2:2, 'app-board' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@8:4, 'nb-layout-column' is not a known element:
1. If 'nb-layout-column' is an Angular compon ...
    at &lt;Jasmine&gt;
    at syntaxError (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2175:1)
    at TemplateParser.parse (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:11388:1)
    at JitCompiler._parseTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25961:1)
    at JitCompiler._compileTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25949:61)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1
    at &lt;Jasmine&gt;
    at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1
    at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
    at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25811:1)
</failure>
    <failure type="">1. If 'nb-layout-header' is an Angular component, then verify that it is part of this module.
2. If 'nb-layout-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("&lt;nb-layout&gt;
  [ERROR -&gt;]&lt;nb-layout-header fixed&gt;
  &lt;!-- Insert header here --&gt;
  &lt;/nb-layout-header&gt;
1. If 'app-board' is an Angular component, then verify that it is part of this module.
2. If 'app-board' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  &lt;nb-layout-column&gt;
    [ERROR -&gt;]&lt;app-board&gt;&lt;/app-board&gt;
    
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ 'nb-layout-header' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@2:2, 'app-board' is not a known element:
"): ng:///DynamicTestModule/AppComponent.html@8:4, 'nb-layout-column' is not a known element:
1. If 'nb-layout-column' is an Angular compon ...
    at &lt;Jasmine&gt;
    at syntaxError (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2175:1)
    at TemplateParser.parse (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:11388:1)
    at JitCompiler._parseTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25961:1)
    at JitCompiler._compileTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25949:61)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1
    at &lt;Jasmine&gt;
    at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1
    at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
    at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25811:1)
</failure>
  </testcase>
  <testcase name="BoardComponent should create" time="0.34" classname="HeadlessChrome_78_0_3882_(Windows_10_0_0).BoardComponent">
    <failure type="">1. If 'app-square' is an Angular component and it has 'value' input, then verify that it is part of this module.
2. If 'app-square' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
    &lt;app-square 
        *ngFor="let val of squares; let i = index" 
        [ERROR -&gt;][value]="val"
        (click)="makeMove(i)"&gt; 
1. If 'app-square' is an Angular component, then verify that it is part of this module.
2. If 'app-square' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
&lt;main&gt;
    [ERROR -&gt;]&lt;app-square 
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ Can't bind to 'value' since it isn't a known property of 'app-square'.
"): ng:///DynamicTestModule/BoardComponent.html@13:8, 'app-square' is not a known element:
        *ngFor="let val of squa ...
    at &lt;Jasmine&gt;
    at syntaxError (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2175:1)
    at TemplateParser.parse (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:11388:1)
    at JitCompiler._parseTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25961:1)
    at JitCompiler._compileTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25949:61)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1
    at &lt;Jasmine&gt;
    at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1
    at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
    at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25811:1)
</failure>
    <failure type="">1. If 'app-square' is an Angular component and it has 'value' input, then verify that it is part of this module.
2. If 'app-square' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
    &lt;app-square 
        *ngFor="let val of squares; let i = index" 
        [ERROR -&gt;][value]="val"
        (click)="makeMove(i)"&gt; 
1. If 'app-square' is an Angular component, then verify that it is part of this module.
2. If 'app-square' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
&lt;main&gt;
    [ERROR -&gt;]&lt;app-square 
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ Can't bind to 'value' since it isn't a known property of 'app-square'.
"): ng:///DynamicTestModule/BoardComponent.html@13:8, 'app-square' is not a known element:
        *ngFor="let val of squa ...
    at &lt;Jasmine&gt;
    at syntaxError (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2175:1)
    at TemplateParser.parse (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:11388:1)
    at JitCompiler._parseTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25961:1)
    at JitCompiler._compileTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25949:61)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1
    at &lt;Jasmine&gt;
    at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25893:1)
    at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1
    at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
    at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25811:1)
</failure>
    <failure type="">Error: Expected undefined to be truthy.
    at &lt;Jasmine&gt;
    at UserContext.&lt;anonymous&gt; (http://localhost:9876/_karma_webpack_/src/app/board/board.component.spec.ts:23:23)
    at ZoneDelegate.invoke (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:359:1)
    at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-testing.js:308:1)
</failure>
  </testcase>
  <testcase name="SquareComponent should create" time="0.096" classname="HeadlessChrome_78_0_3882_(Windows_10_0_0).SquareComponent"/>
  <system-out>
    <![CDATA[
]]>
  </system-out>
  <system-err/>
</testsuite>

String-Boolean collision in board.component.html

In Board.Component.html

'''<app-square
*ngFor="let val of squares; let i = index"
[value] = "val"
(click)="makeMove(i)">

'''

brings an ERROR: "Type 'string' is not assignable to type '"X" | "O"'.ngtsc(2322)"

This is because the val of square is auto assigned String.
followed the Youtube tutorial and this Git Repo for reference and i cant seem to fix this ONE error only.
@codediodeio could be a piping issue with angular 12?
please help 🤕😔
PS: Newbie in Angular Big fan of your channel and tutorials:hugs:

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.