выбор Checkbox не работает в angularjs

Question

HTML

<form role="form" ng-submit="addStore(store)" name="AddStoreForm" novalidate> 
    <label>Store Category</label> 
     <label class="checkbox-inline" ng-repeat="store_category in store_cat"> 
      <input type="checkbox" name="store_category" ng-model="store.store_category">{{store_category.name}} 
     </label> 
    </label> 
</form> 
<button type="submit" class="btn btn-primary campwidth">SUBMIT</button> 

AngularJS

$scope.store_cat = [ 
    { name: 'A', selected: false }, 
    { name: 'B', selected: false }, 
    { name: 'C', selected: false } 
]; 
$scope.addStore = function(store){ 
    console.log("responsestore", store); 
    alert(store.store_category); 
}; 

Здесь я ставлю магазин категорию как массив. После подачи формы. Я получил недопустимую категорию оповещений. Я хочу отправить результат с помощью API. как решить эту проблему. PLUNKER

Answer 1

Вы можете, сделать что-то вроде этого: <button type="submit" class="btn btn-primary campwidth" ng-click="addStore(store_cat)">SUBMIT</button> here http://plnkr.co/edit/KtBzqeMF9FZt6bnI0MBF?p=preview Вы не должны использовать форму и взять на себя эту функцию Нету, что путь неправильный, когда вы используете угловой.

Answer 2

Если предположить, что проблема связана с форматом данных не заталкивают в новый store объект, здесь есть решение для этого:

<form role="form" name="AddStoreForm" novalidate ng-init="store={}"> 
    <label>Store Category</label> 
    <label class="checkbox-inline" ng-repeat="store_category in store_cat"> 
    <input type="checkbox" name="store_category" ng-init="store[$index]={name: store_category.name, selected: false}" ng-model="store[$index].selected">{{store_category.name}} 
    </label> 
    </label> 
    <button type="submit" ng-click="addStore(store)" class="btn btn-primary campwidth">SUBMIT</button> 
</form> 

И plunker с рабочим примером.

Answer 3

Он будет работать с тегом кнопки, который не имеет формы, как в bootstrap <button type="submit" class="btn btn-primary campwidth" ng-click="addStore(store_cat)">SUBMIT</button> здесь нет необходимости использовать бланк формы b'coz, это может привести к конфликту в angular.js, поэтому он будет работать определенно для флажка. http://plnkr.co/edit/qSFnxTNZ4n63pw3JXZA5?p=preview