2016-06-07 89 views
0

我有一個帶複選框的角形式。帶複選框的角JS形式

問題是:它不工作,我不知道問題出在哪裏。

<div class="inmodal"> 
 
    <div class="modal-header"> 
 
     <i class="fa fa-laptop modal-icon"></i> 
 
     <h4 class="modal-title">PDF</h4> 
 
     <small class="font-bold"></small> 
 
    </div> 
 
\t <div class="modal-body"> 
 
\t <div class="checkbox checkbox-primary"><input id="checkbox2" type="checkbox" ng-model="getZZ6533"><label for="checkbox2">ZZ6533</label></div> 
 
     <div class="checkbox checkbox-primary"><input id="checkbox2" type="checkbox" ng-model="getHH1213"><label for="checkbox2">HH1213</label></div> 
 
     <div class="checkbox checkbox-primary"><input id="checkbox2" type="checkbox" ng-model="getMM9090Alt"><label for="checkbox2">MM9090Alt</label></div> 
 
     <div class="checkbox checkbox-primary"><input id="checkbox2" type="checkbox" ng-model="getXL7878"><label for="checkbox2">XL7878</label></div> 
 
      
 
     </div>       
 
    
 
    <div class="modal-footer"> 
 
     <button type="button" class="btn btn-white" ng-click="cancel()">Close</button> 
 
     <button type="button" class="btn btn-primary" value="Submit" ng-click="checkoptions(arrlist)">RUN</button> 
 
    </div>

+3

請發表JavaScript代碼? – Urielzen

+7

所有複選框都有相同的編號 –

+2

當你說「它不工作」時,你期待它做什麼?您需要粘貼完整的代碼。 – jsmtslch

回答

0
function PdfllCtrl($scope, $http, DTOptionsBuilder, localStorageService, $uibModal){ 

    var date = localStorageService.get('daterange'); 
    $scope.page = "1"; 

    $http({ 
     method: 'GET', 
     url: apiurl + "GetPDFll?fromDate="+date.startDate+"&toDate="+date.endDate+" 23:59:59&pageIndex="+$scope.page+"&search=", 
     headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
    }).then(function(response){ 
     $scope.Entries = response.data[0].Results; 
    }); 


$scope.getZZ6533 = function (oid){ 
    $scope.Oid = oid; 

    $http({ 
     method: 'GET', 
     url: apiurl + "getZZ6533?Oid="+$scope.Oid, 
     headers: {'Content-Type': 'application/x-www-form-urlencoded'}, 
     responseType:'arraybuffer' 
    }).success(function(response){ 
     var file = new Blob([response], {type: 'application/pdf'}); 
     var fileURL = URL.createObjectURL(file); 
     window.open(fileURL); 
    }); 
    }; 

    $scope.getHH1213 = function (oid){ 
    $scope.Oid = oid; 

    $http({ 
     method: 'GET', 
     url: apiurl + "getHH1213?Oid="+$scope.Oid, 
     headers: {'Content-Type': 'application/x-www-form-urlencoded'}, 
     responseType:'arraybuffer' 
    }).success(function(response){ 
     var file = new Blob([response], {type: 'application/pdf'}); 
     var fileURL = URL.createObjectURL(file); 
     window.open(fileURL); 
    }); 

};

+0

你有這些方法,然後你試圖將它們綁定到複選框作爲模型。這是行不通的。你將每個複選框綁定到一個函數,Angular將會很好。也許你打算通過單擊複選框來調用此方法? –