You can remove .selected
from saveUsername
in your checkbox input since saveUsername is a boolean. Instead of [(ngModel)]
use [checked]="saveUsername" (change)="saveUsername = !saveUsername"
Edit: Correct Solution:
<input type="checkbox" [checked]="saveUsername" (change)="saveUsername = !saveUsername"/>
Update: Like @newman noticed when ngModel
is used in a form it won’t work. However, you should use [ngModelOptions]
attribute like (tested in Angular 7):
<input type="checkbox" [(ngModel)]="saveUsername" [ngModelOptions]="{standalone: true}"/> `
I also created an example at Stackblitz: https://stackblitz.com/edit/angular-abelrm
Related Posts:
- Angular, image not found (GET 404)
- How to style a checkbox using CSS
- forbidden 403 on image URLS
- Angular: mat-form-field must contain a MatFormFieldControl
- (change) vs (ngModelChange) in angular
- Get checkbox value in jQuery
- How to read if a checkbox is checked in PHP?
- Binding select element to object in Angular
- Can HTML checkboxes be set to readonly?
- jQuery checkbox event handling
- Is HTML considered a programming language? [closed]
- Open source social media icons to download and use on website? [closed]
- How to make a monopoly board using css grid?
- How to add a browser tab icon (favicon) for a website?
- Redirect from an HTML page
- Redirect from an HTML page
- What is ' and why does Google search replace it with apostrophe?
- What’s the difference between ” ” and ” “?
- Should I use tag for icons instead of ? [closed]
- Open link in new tab or window [duplicate]
- Half circle with CSS (border, outline only)
- Line break in HTML with ‘\n’
- CSS calc width and height values
- HTML encoding issues – “” character showing up instead of ” “
- How to horizontally center an element
- Center image using text-align center?
- Unblur content inside blurring background div
- Adding a favicon to a static HTML page
- Failed to load resource: the server responded with a status of 404 (Not Found) css
- Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
- Edit webpage with javascript trick – how to “unedit”?
- See answer keys in Google Form (quiz) source page?
- CSS Background Opacity [duplicate]
- what do
- CSS Background Opacity [duplicate]
- reCAPTCHA ERROR: Invalid domain for site key
- Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
- Difference between Constructor and ngOnInit
- Android WebView err_unknown_url_scheme
- Customize icon for “Add to home screen”
- How to create an HTML button that acts like a link
- What do < and > stand for?
- How do I check whether a checkbox is checked in jQuery?
- What’s the difference between HTML ‘hidden’ and ‘aria-hidden’ attributes?
- How to create an HTML button that acts like a link
- How do I check whether a checkbox is checked in jQuery?
- Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
- count(): Parameter must be an array or an object that implements Countable error in php
- Can I force a page break in HTML printing?
- count(): Parameter must be an array or an object that implements Countable error in php
- How do I vertically align text in a div?
- What is the difference between HTML tags and ?
- Hide scroll bar, but while still being able to scroll
- CSS background-image-opacity?
- How to create an HTML button that acts like a link
- Resize image proportionally with CSS?
- What character encoding is >?
- HTML 5: Is it
,
, or
?- What is the main difference of
and- Setting table column width
- How do I vertically align text in a div?
- What does In html mean
- How to set a border for an HTML div tag
- How can I center text (horizontally and vertically) inside a div block?
- iframe refuses to display
- Embed image in a
- Setting table column width
- Why does z-index not work?
- How do I vertically center text with CSS?
- Automatically pausing html5 video as the ‘next’ button is pressed (javascript/ jquery)
- What is difference between png8 and png24
- Center image horizontally within a div
- Draw Circle using css alone [duplicate]
- How to get a tab character?
- Failed to load resource: the server responded with a status of 404 (Not Found) css
- Why does z-index not work?
- How do I vertically center text with CSS?
- What does do?
- Is it possible to write data to file using only JavaScript?
- What is the difference between
and ?- What does enctype=’multipart/form-data’ mean?
- How to center an iframe horizontally?
- Can I have an onclick effect in CSS?
- Which characters need to be escaped in HTML?
- Image is not showing in browser?
- Link with target=”_blank” and rel=”noopener noreferrer” still vulnerable?
- Adding a background image to a
element- Remove CSS class from element with JavaScript (no jQuery) [duplicate]
- Add hover text without javascript like we hover on a user’s reputation
- Transparent CSS background color
- What does do?
- How to get a tab character?
- Is it possible to write data to file using only JavaScript?
- Creating a nav bar with flexbox
- Check if checkbox is checked with jQuery
- How to make JavaScript execute after page load?
- Set cookie and get cookie with JavaScript
- How can I set the default value for an HTML
- Is there an upside down caret character?
- the use of `%3F` in URL