Angular error: The left-hand side of an assignment expression must be a variable or a property access
12,001
I think you should replace
if(this.newItem ! = ''){
by
if(this.newItem != ''){
There is a space between ! and =
Related videos on Youtube
Author by
ConorDorrian
Updated on June 04, 2022Comments
-
ConorDorrian almost 2 years
Do not understand or know how to fix this error.
This is the code. It seems to be something to do with pushItem function i think.
> **app.component.ts** import { Component, NgModule } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { //bind this array to li in html items = ['Sistema', 'Playstation', 'Web']; newItem = ''; pushItem = function() { if(this.newItem ! = ''){ this.items.push(this.newItem); this.newItem = ''; } } }
@import '~font-awesome/css/font-awesome.css'; .main{ width: 500px; text-align: center; margin: 0 auto; border: 2px solid #d7d7d7; border-bottom: 0px; margin-top: 20px; font-family: sans-serif; } h1{ text-align: center; background-color: #5c8297; padding: 30px 0px; margin-top: 0px; color: #f7f7f7; } .addItem{ position: relative; padding-bottom: 0px; height: 30px; } .addText{ width: 80%; height: 30px; padding: 5px; font-size: 20px; } button{ height: 45px; width: 50px; padding: 5px; } ul{ list-style: none; font-size: 20px; color: #686868; margin-left: -40px; margin-bottom: 0px; } li{ border-bottom: 1px solid #bfbfbf; background: #d7d7d7; padding: 10px 0px; margin-bottom: 5px; } span{ cursor: pointer; position: relative; float: right; margin-right: 15px; }
> **app.component.html** <div class = 'main'> <h1>Item List</h1> <div class = 'add'> <input [(ngModel)] = 'newItem' placeholder="add item" class = 'addText'> <button>Add</button> </div> <ul> <Li *ngFor = 'let i of items'> {{i}} <span><i class="fa fa-times" aria-hidden="true"></i></span> </Li> </ul> </div>