Guest User

Untitled

a guest
Jan 20th, 2018
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.93 KB | None | 0 0
  1. data = [{name:'xyz', value:'0', checked:false},
  2. {name:'abc', value:'1', checked:false},
  3. {name:'def', value:'2', checked:false}];
  4.  
  5. <ul style="list-style-type: none">
  6. <li *ngFor="let option of data">
  7. <label>
  8. <input type="checkbox" (click)="clicked($event)"
  9. name="options"
  10. value="{{option.value}}"
  11. [(ngModel)]="option.checked" />
  12. {{option.name}}
  13. </label>
  14. </li>
  15. </ul>
  16.  
  17. clicked(event:any){
  18.  
  19. console.log(this. data);
  20. for(var i=0;i<this. data.length;i++){
  21. console.log(this. data[i]);
  22. }
  23. }
  24.  
  25. 0:{name: "xyz", value: "0", checked: true}
  26. 1:{name: "abc", value: "1", checked: false}
  27. 2:{name: "def", value: "2", checked: false}
  28.  
  29. {name: "xyz", value: "0", checked: false}
  30. {name: "abc", value: "1", checked: false}
  31. {name: "def", value: "2", checked: false}
Add Comment
Please, Sign In to add comment