How can i append checkbox value to checkbox in angularJS

Hi below code is use for checkbox

class="col-md-6 col-sm-6 col-xs-12">
"checkbox" ng-model="VendorsObject.MISC" />

when i click on vendorName my check box vlaue should append to checkbox field as how below:

Here is the code which i use in my controller :

var data = RMSService.getvendorsById($stateParams.id, globalValues.token).then(function (response) {
$scope.VendorsObject = response.data;
}, function (error) {
console.log(error);
})

Iam getting the whole form data into respose.data in the above code.I just need to append the checkbox value into my form as shown above in vendor Insured?.How can i do this.how can i solve this.Thank you.

Hi Junaid,

I think you can use ng-checked directive to check a checkbox. Instead of ng-model can you place ng-checked and see if it is working.

I have created a small demo where i have got employee in scope as following :

$scope.employee = {
"name": "Mukesh",
"department": "IT",
"designation": "Developer",
"married": true
};

and my html template is as following :

<form name="ValidateCheck" class="form">
<table>
<tr>
<td>Nametd>
<td> {{employee.name}} td>
tr>
<tr>
<td>Departmenttd>
<td> {{employee.department}} td>
tr>
<tr>
<td>Designationtd>
<td> {{employee.designation}} td>
tr>
<tr>
<td> Is marriedtd>
<td><input type="checkbox" name="" value="" ng-checked="{{employee.married}}" />td>
tr>
table>
form>

And i got following output :

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Mukesh Nayak8y ago
Hi Junaid,

I think you can use ng-checked directive to check a checkbox. Instead of ng-model can you place ng-checked and see if it is working.

I have created a small demo where i have got employee in scope as following :
$scope.employee = {
               "name": "Mukesh",
               "department": "IT",
               "designation": "Developer",
               "married": true
           };
and my html template is as following :
<form name="ValidateCheck" class="form">
            <table>
                <tr>
                    <td>Nametd>
                    <td> {{employee.name}} td>
                tr>
                <tr>
                    <td>Departmenttd>
                    <td> {{employee.department}} td>
                tr>
                <tr>
                    <td>Designationtd>
                    <td> {{employee.designation}} td>
                tr>
                <tr>
                    <td> Is marriedtd>
                    <td><input type="checkbox" name="" value="" ng-checked="{{employee.married}}" />td>
                tr>

            table>
        form>
And i got following output :