AngularJS checkbox problem

<div ng-repeat="item in selectedSizes"
 <input type="checkbox" id="ckl_{{item.id}}" ng-model="item.checked"
                                    ng-change="selectSizeEdit(product.sizeArray, item.id)" ng-if="(product.sizeArray.indexOf(item.id) > -1)" ng-checked="true"> 
</div>

Within the provided code, checkboxes will be pre-selected based on values in the product's sizeArray. However, I am unable to select new checkboxes that are not within the sizeArray. Can someone please assist me with this issue?

javascriptangularjscheckbox

Answer №1

ng-model="n[id].checked" may not be correct. Please consider changing it to ng-model="n.checked".

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Drop down calendar in Javascript

I am in the process of developing a virtual JavaScript calendar dropdown feature. I aim to have the correct number of days displayed upon selecting a month, but currently, no days appear when I make a selection. Can someone please assist me with this iss ...

javascript

Manage and preserve your node.js/express sessions with this offer

Currently, I am working on a web application that encounters an issue where every time fs.mkdir is called, all the current express sessions are deleted. This causes me to lose all session data and I need a solution to keep these sessions intact. I have att ...

javascriptnode.jsexpressredis

What is the process for uploading SVG files created by users onto the server?

After dedicating three full days to researching, I have hit a roadblock in my attempts to allow users to upload SVG files to the server on my website. I created an HTML and Javascript platform where users can input dimensions into a form to create a basic ...

javascriptphpajaxsvgserver

Modifying the standard action of $state.go() in ui.router to implement automatic reloading

I am working on an Angular app that uses the ui.router package for URL routing. I want to implement a feature where if a user tries to navigate to a page they are already on, the router will reload that state instead of doing nothing. According to http://a ...

angularjsangular-ui-router

"Enhance your angularjs 1.x projects with the versatile features of

As I plan to incorporate AngularJS 1.x with Angular Material design, I have come across two URLs during my research. The first URL seems to align with my use of Angular 1.x, while the second one appears to be geared towards Angular 2.x and higher versions. ...

angularjsmaterial-designangular-materialangularjs-material

Tips for creating a helper function that returns a promise for a React hook function

So, I have this React functional component that makes use of both the useState and useEffect hooks: import React, { useState, useEffect } from 'react'; import { requestInfo } from './helpers/helpers'; const App = () => { const [pe ...

javascriptreactjsajax

Deliver a message using a loop in jade

I'm struggling with posting a request in Node and Jade using a specific ID. For instance, if Node returns a list of books : res.render('tests', {books: books}); In my Jade template, I display all the books by iterating through them. b ...

javascriptnode.jsexpresspug

Transforming seconds into years, months, weeks, days, hours, minutes, and seconds

Can anyone help me modify Andris’ solution from this post: Convert seconds to days, hours, minutes and seconds to also include years, months, and weeks? I am currently running this code: getDateStrings() { console.log(req_creation_date); const toda ...

javascriptangulartypescript

I'm interested in learning about the most efficient practices for handling JSON, performing math operations, and utilizing loops in JS/React. What techniques

Short version: I'm working with a large array of JSON objects (60K+ elements) in my application I need to perform various mathematical operations such as comparison and addition Currently, I am handling this through multiple for loops (simplified ...

javascriptjsonreactjsperformanceoptimization

Fundamentals of object property in jQuery and Javascript

Currently working on creating a new property named startPosition and setting the top property to equal the button's current top value in CSS. Below is the jQuery code snippet: var morphObject = { button: $('button.morphButton'), c ...

javascriptjquerycss

Using `useState` within a `while` loop can result in

I'm working on creating a Blackjack game using React. In the game, a bot starts with 2 cards. When the user stands and the bot's card value is less than 17, it should draw an additional card. However, this leads to an infinite loop in my code: ...

javascriptreactjstypescriptloops

Inputting spaces instead of line breaks in the text area

Hello everyone, I have a challenge with adding line breaks in a textarea using jQuery and HTML. I am loading dynamic content into the textarea using $.load() but in Internet Explorer, the newlines are not displaying when I use tags, , or . I h ...

javascriptjqueryvbscript

What are the best practices for utilizing createHash('sha1') effectively in node.js?

Exploring the intricacies of a login system using React, MySQL, and Node.JS has been an interesting journey. Here's a glimpse of what I've accomplished so far: Presenting my router setup: const express = require('express') const app = ...

javascriptreactjsnode.jsexpress

Unable to retrieve JSON element in ReactJS

Here is the code snippet that I am currently working with: const [questions, setQuestions] = useState([]) useEffect(() => { let idVar = localStorage.getItem('idVarianta'); idVar = JSON.parse(idVar) axios({ ...

javascriptnode.jsjsonreactjs

Angular 17: Issue with _HttpClient Provider Not Found in Standalone Component Utilizing ApiService

I have been developing a cutting-edge Angular 17 application that integrates the Spotify API using the innovative standalone component functionality. However, I am facing an issue while attempting to inject the HttpClient into a service. Despite meticulous ...

javascriptangularhttpclientangular16

Ways to remove newly added tasks using JavaScript function?

I have an existing list of li elements in my HTML that can be deleted using JavaScript. However, whenever I add a new li, the delete function no longer works on the newly added item. I suspect the issue lies within the current implementation of the for loo ...

javascripttypescript

The Dropbox picker is now launching in a new tab instead of a new window when using Chrome

I am encountering an issue with opening Dropbox picker in a new modal window. It works perfectly in all browsers except for Google Chrome. Is there anyone who can guide me on why it opens in a new tab in Chrome? Is there a parameter in options that I can ...

javascriptgoogle-chromedropbox-apipicker

Experiencing an issue where the canvas element fails to render on mobile Chrome browser,

I've encountered an issue with a script that draws a canvas based on the background color of an image. The image is loaded dynamically from a database using PHP. The responsive functionality works fine on mobile Safari, but not on Chrome. When the re ...

javascriptjquerycsshtmlcanvas

Duplicate entries in the angular-ui Calendar

I've implemented the Angular-UI calendar to showcase some events. My activity controller interacts with the backend service to fetch the data, which is then bound to the model. //activity controller $scope.events = []; Activities.get() ...

javascriptangularjsangular-ui

Is there a way to execute an Angular JS controller method externally and initiate data binding simultaneously?

After successfully calling the Angular JS controller method from an external JS method, there seems to be an issue with data binding. Despite trying to make changes to the data, it does not reflect in the binding... enter code here applicantInfo.controll ...

angularjs