2017-02-04 2 views
1

это HTML кодКак получить непроверенное значение флажка в angularjs?

<p> 
    <input type="checkbox" ng-model='add_product.kids' class="filled-in" id="filled-in-box1" /> 
    <label for="filled-in-box1">Kids</label> 
</p> 

Мне нужно, чтобы получить значение как ложное, когда флажок снят ..

напечатать модель, как этот

console.log($scope.add_product) 

, но в этой модели значение флажка не отображается?

Может кто-нибудь ЛФВЭ меня ... Заранее спасибо ..

+0

Когда вы регистрируете $ scope.add_product? –

+0

'app.controller (' add_product_ctrl», [ '$ Объем', '$ HTTP', функция ($ Объем, $ HTTP) { \t $ scope.addProfileDetail = функция (файл) { \t \t \t \t // ЗДЕСЬ \t \t console.log ($ scope.console.log ($ scope.add_product)) \t} }])» –

+0

Проверьте мой ответ ниже для работы с флажками или оставить минимальную рабочую версию в plnkr, jsbin. –

ответ

2

Вы можете получить доступ флажок следующими способами

angular.module("myApp", []).controller("MyController",['$scope', function($scope) { 
 
     $scope.checkboxModel = { 
 
     value1 : true, 
 
     value2 : 'YES' 
 
    }; 
 
    }]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyController"> 
 
<label>Value1: 
 
    <input type="checkbox" ng-model="checkboxModel.value1"> 
 
</label> 
 
<br/> 
 
<label>Value2: 
 
    <input type="checkbox" ng-model="checkboxModel.value2" ng-true-value="'YES'" ng-false-value="'NO'"> 
 
</label> 
 
<br/> 
 
<tt>value1 = {{checkboxModel.value1}}</tt> 
 
<br/> 
 
<tt>value2 = {{checkboxModel.value2}}</tt> 
 
<br/> 
 
    </div>

+0

Свои работы отлично для меня .. Спасибо много Gangadhar Jannu !!!!! .. –

+0

@ Elamparithi.P Я рад, что это помогло. :) –