AngularJS: Getting multiple values for same variable -


i doing project using mean stack , still learning parts of angularjs. have form filled user. contains series of checkboxes selects students , stores them in array. each students, intend take 2 values(correct answers, incorrect answers) student. how model these 2 inputs 2 variables , values in controller?

the problem if 1 time, select 3 students, there 3 pairs of correct , incorrect answers. if other time have different students selected, how map answers students?

view.html:

<label ng-repeat="studenta1 in studentsa1">                 <input                   type="checkbox"                  ng-model="selectedstudentsa1"                  ng-checked="exista1(studenta1)"                  value="studenta1"                  ng-click="toggleselectiona1(studenta1)">                  {{studenta1}} </label> {{selectedstudentsa1}}  <div class="col-md-3">     <h6>correct answers</h6>     <input type="number" min="0" name="correctanswers" ng-model="correctanswers" required> </div> <div class="col-md-3">     <h6>incorrect answers</h6>     <input type="number" name="incorrectanswers" ng-model="incorrectanswers" min="0" required> </div>

controller.js:

    $scope.studentsa1 = ['akhilesh', 'prathamesh', 'mandar', 'sunmay'];      $scope.selectedstudentsa1 = [];      $scope.exista1 = function(item) {         return $scope.selectedstudentsa1.indexof(item) > -1;     };      $scope.toggleselectiona1 = function(item) {         var idx = $scope.selectedstudentsa1.indexof(item);         if (idx > -1) {             $scope.selectedstudentsa1.splice(idx, 1);         } else {             $scope.selectedstudentsa1.push(item);         }     };      $scope.checkalla1 = function() {         if ($scope.selectalla1) {             angular.foreach($scope.studentsa1, function(item) {                 var idx = $scope.selectedstudentsa1.indexof(item);                 if(idx >= 0) {                     return true;                 } else {                     $scope.selectedstudentsa1.push(item);                 }             });         } else {             $scope.selectedstudentsa1 = [];         }     };

check if helps have made fiddle if looking more please comment them

in view side

<div ng-app ng-controller="maincontroller">   <table>     <tr>       <th>         <input type="checkbox" ng-model="selectall" ng-click="selectallcheckbox(selectall)">       </th>       <th>name</th>       <th>correct</th>       <th>wrong</th>     </tr>     <tr ng-repeat="studenta1 in studentsa1">       <td>         <input type="checkbox" ng-model="studenta1.selected">       </td>       <td> {{studenta1.name}}</td>       <td>         <input type="number" ng-model="studenta1.correct" />       </td>       <td>         <input type="number" ng-model="studenta1.wrong" />       </td>\     </tr>   </table>   <br> {{selectedstudentsa1}}   <a ng-click="selectedstudents()">submit</a> </div>

in controller side

function maincontroller($scope) {   $scope.studentsa1 = [{     selected: false,     name: 'akhilesh',     correct: '',     wrong: ''   }, {     selected: false,     name: 'prathamesh',     correct: '',     wrong: ''   }, {     selected: false,     name: 'mandar',     correct: '',     wrong: ''   }, {     selected: false,     name: 'sunmay',     correct: '',     wrong: ''   }];    $scope.selectedstudents = function() {     $scope.selectedstudentsa1 = $scope.studentsa1.filter(i => i.selected == true);     $scope.correctanswers = $scope.selectedstudentsa1.length;     $scope.incorrectanswers = $scope.studentsa1.length -                 $scope.selectedstudentsa1.length;   }   $scope.selectallcheckbox = function(value) {     $scope.studentsa1.foreach(function(item) {       item.selected = value;     });   }  }

https://jsfiddle.net/athulnair/9r8sbwx4/


Comments

Post a Comment

Popular posts from this blog

c# - Update a combobox from a presenter (MVP) -

i using mvp in project, new in mvp. have 2 comboboxes. when select option in combobox, combobox should filled new data. this action in presenter. view 'view1' in presenter, , introduced combobox1 , combobox2 properties in 'view1', because need 'datasource', 'displaymember', 'valuemember' , 'refresh()' in method below. but, when using pattern, enough send property like public string combobox2 { { return combobox1.selectedvalue.tosstring(); } } into presenter not whole combobox. how can solve problem? public void onselectedindexchangedcombobox1() { if (view1.combobox1.selectedindex == -1) { return; } datatable dt = tools.getdatatable("a path"); var query = (from o in dt.asenumerable() o.field<string>("afield") == farmerview.combobox1.selectedvalue.tostring() orderby o.field<string>("anotherfield") select...
Read more

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more