0
我新手angularjs單選按鈕時如何獲得價值，我已經在演示單選按鈕的列表中there.they都具有與他們的價值觀，（數據是從Web服務中來json的形式）現在我想從列表中獲得與特定複選框有關的值，當我點擊了一個演示，但仍然沒有運氣，anybuddy請幫助我嗎？ JS從列表中點擊angularjs
app.controller('filterController', function ($http, $scope, $compile, $filter, $sce)
{
var page = gallery.getCurrentPage();
var Catid = page.options.params;
var Content ='';
var areacontent = '';
var cusinecontent = '';
var catcontent = '';
//headers..
var hdrcuine = '<ons-list-header>'+
'<ons-row>'+
'<ons-col>Cuisine'+'</ons-col>'+
'<ons-col width="35px" style="flex: 0 0 35px; max-width: 35px;">'+
'<ons-icon icon="ion-android-add-circle" fixed-width="true">'+'</ons-icon>'+
'</ons-col>'+
'</ons-row>'+
'</ons-list-header>';
var hdrarea = '<ons-list-header>'+
'<ons-row>'+
'<ons-col>Area'+'</ons-col>'+
'<ons-col width="35px" style="flex: 0 0 35px; max-width: 35px;">'+
'<ons-icon icon="ion-android-add-circle" fixed-width="true">'+'</ons-icon>'+
'</ons-col>'+
'</ons-row>'+
'</ons-list-header>';
var hdrcat = '<ons-list-header>Categories'+
'</ons-list-header>';
$scope.areaval = '';
// $scope.list = {
// name: '1',
// intglcode:'0'
// };
//
// $scope.rate={
// rate:'1',
// intglcode:'0'
//
// };
//
// $scope.area={
// area:'Camana bay',
// intglcode:'0'
// };
//
// $scope.cusine={
// cusine:'Pizza',
// intglcode:'0'
// };
// $scope.cat={
// cat:'Restaurant',
// intglcode:'0'
// };
//
$http({
method: 'POST',
url: API_HOST+'/webservice/Get_FilterDetails',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'caymanauth': caymanauth
},
data: '&Catid='+Catid
}).success(function (data)
{
for(var i=0; i < data.Details.length; i++){
//PARSING DATA FOR RATYE TYPES.
if(data.Details[i] === "Rate Type"){
for(var d=0;d<5;d++)
{
$scope.list.intglcode = data.Details[i+1][d]['intGlCode'];
console.log("===========my rate types==========="+data.Details[i+1][d]['intGlCode']);
}
gRate = data.Details[i+1][d]['intGlCode'];
}
//PARSING DATA FOR LISTING TYPES.
if(data.Details[i] === "Listing Type"){
for(var d=0;d<5;d++){
console.log("===========my Listing types==========="+data.Details[i+1][d]['intGlCode']);
}
}
//PARING FOR AREA
if(data.Details[i] === "Area"){
for(var d=0;d<17;d++){
if(areacontent === ''){
var val =data.Details[i+1][d]['intGlCode'];
areacontent = '<ons-list-item modifier="tappable">'+
'<label class="checkbox checkbox--list-item">'+
'<input type="radio" ng-model="areaval" name="area" value={{val}}>'+
'<div class="checkbox__checkmark checkbox--list-item__checkmark">'+'</div>'+data.Details[i+1][d]['varCityName']+
'</label>'+
'</ons-list-item>';
}else{
areacontent += '<ons-list-item modifier="tappable">'+
'<label class="checkbox checkbox--list-item">'+
'<input type="radio" ng-model="areaval" name="area" value={{val}}>'+
'<div class="checkbox__checkmark checkbox--list-item__checkmark">'+'</div>'+data.Details[i+1][d]['varCityName']+
'</label>'+
'</ons-list-item>';
}
console.log("===========my Area types==========="+data.Details[i+1][d]['intGlCode']);
}
}
//PARSING DATA FRO CUSINE
if(data.Details[i] === "Cuisine"){
for(var d=0;d<7;d++){
if(cusinecontent === ''){
cusinecontent = '<ons-list-item modifier="tappable">'+
'<label class="checkbox checkbox--list-item">'+
'<input type="radio" ng-model="cusine.name" name="cusine" value="Asian">'+
'<div class="checkbox__checkmark checkbox--list-item__checkmark">'+'</div>'+data.Details[i+1][d]['varName']+
'</label>'+
'</ons-list-item> ';
}else{
cusinecontent += '<ons-list-item modifier="tappable">'+
'<label class="checkbox checkbox--list-item">'+
'<input type="radio" ng-model="cusine.name" name="cusine" value="Asian">'+
'<div class="checkbox__checkmark checkbox--list-item__checkmark">'+'</div>'+data.Details[i+1][d]['varName']+
'</label>'+
'</ons-list-item> ';
}
console.log("===========my cusine types==========="+data.Details[i+1][d]['intGlCode']);
}
}
//PARSING DATA FOR CATEGORIES
if(data.Details[i] === "Categories"){
for(var d=0;d<14;d++){
if(catcontent === ''){
catcontent = '<ons-list-item modifier="tappable">'+
'<label class="checkbox checkbox--list-item">'+
+" "+'<input type="radio" ng-model="cat.name" name="cat" >'+
'<div class="checkbox__checkmark checkbox--list-item__checkmark">'+'</div>'+data.Details[i+1][d]['varName']+
'</label>'+
'</ons-list-item>';
}else{
catcontent += '<ons-list-item modifier="tappable">'+
'<label class="checkbox checkbox--list-item">'+
'<input type="radio" ng-model="cat.name" name="cat" >'+
'<div class="checkbox__checkmark checkbox--list-item__checkmark">'+'</div>'+data.Details[i+1][d]['varName']+
'</label>'+
'</ons-list-item>';
}
console.log("===========my category types==========="+data.Details[i+1][d]['intGlCode']);
}
}
//return data.Details[i + 1];
}
Content = hdrarea+areacontent+hdrcuine+cusinecontent+hdrcat+ catcontent;
$scope.snippet = Content;
$scope.deliberatelyTrustDangerousSnippet = function()
{
return $sce.trustAsHtml($scope.snippet);
};
}).error(function() {
alert("error");
});
$scope.submitForm = function() {
alert($scope.areaval);
};
凡「我」定義？聽起來很像你只能運行'i'完成循環後顯示的代碼。或者只有最後的'data.Details'條目是Cuisine。 – Shilly
@shilly -actually我真的解決附近，但我的問題是我不知道如何獲得價值裏面的javascript，因爲我的HTML裏面的JS，請看到我的編輯有想法。 –
在html中找不到即時錯誤。你確定data.Details包含多個元素嗎？因爲你原來的問題是這樣的：我只看到data.Details的最後一個元素 – Shilly