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 =

Share:
12,001

Related videos on Youtube

ConorDorrian
Author by

ConorDorrian

Updated on June 04, 2022

Comments

  • ConorDorrian
    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>

    Error nessage