在Angularjs中显示所选选项的详细信息
我是学AngularJs的新手。如何显示所选选项的adSet详细信息 这是我的app.js文件:在Angularjs中显示所选选项的详细信息,angularjs,angularjs-scope,angularjs-ng-repeat,Angularjs,Angularjs Scope,Angularjs Ng Repeat,我是学AngularJs的新手。如何显示所选选项的adSet详细信息 这是我的app.js文件: app.controller("AddCompaignCtrl", function($scope){ $scope.status = ['active', 'inactive', 'closed']; $scope.objectives = ['obj1', 'obj2', 'obj3', 'obj4']; $scope.selectedCompaign = "Defau
app.controller("AddCompaignCtrl", function($scope){
$scope.status = ['active', 'inactive', 'closed'];
$scope.objectives = ['obj1', 'obj2', 'obj3', 'obj4'];
$scope.selectedCompaign = "Default-Campaign name";
$scope.selectedCompaign_id =0
$scope.compaigns = [
{
id: 0,
name: 'testCompaign 0',
detail: {
status : 'active',
objective: 'obj1'
},
adsets:[{
name :"adset 01",
status:"active",
budget:"5000",
date :"2013-12-12"
},
{
name :"adset 02",
status:"active",
budget:"5000",
date :"2013-12-12"
}
]
},
{
id: 1,
name: 'testCompaign 1',
detail: {
status : 'inactive' ,
objective: 'obj2'
},
adsets:[{
name :"adset 11",
status:"active",
budget:"5000",
date :"2013-12-12"
}
]
}];
这是我的HTML文件:
<div ng-repeat='compaing in compaigns'>
<div> {{compaing.name}}
<label>
<input type="radio" name="campaign" value='{{compaing.id}}' ng-model='$parent.selectedCompaign'>
</label>
</div>
</div>
<div class="row">
<div class="col-md-3 column" ng-model ='selectedCompaign'>Campaign Name</div>
<div class="col-md-9 column"> {{selectedCompaign }} </div>
</div><br>
我可以显示选定的compaign id,但如何在下面的HTML表格中显示选定的compaign adset详细信息
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>Name</th>
<th>Status</th>
<th>Budget</th>
<th>Time</th>
</tr>
</thead>
<tbody>
<tr>
<td>adset1</td>
<td>Some</td>
<td>$502</td>
<td> 2012-12-12</td>
</tr>
<tr>
<td>Addset 2</td>
<td>Joe</td>
<td>$6034</td>
<td> 2012-12-12</td>
</tr>
</tbody>
</table>
我试过这个,但没有显示:
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>Name</th>
<th>Status</th>
<th>Budget</th>
<th>Time</th>
</tr>
</thead>
<tbody>
<tr ng-repeat='adset in compaigns[selectedCompaign].adsets'>
<td>{{adset.name}}</td>
<td>Some</td>
<td>$502</td>
<td> 2012-12-12</td>
</tr>
</tbody>
</table>
您应该使用输入的ng value属性。这将允许您将完整的选定compaign对象存储到范围中。例如:
$scope.campaigns = [...];
$scope.selection = {
campaign: null
};
<div ng-repeat='campaign in campaigns'>
<div> {{campaign.name}}
<label>
<input type="radio" name="campaign" ng-value="campaign" ng-model="selection.campaign" />
</label>
</div>
</div>
Selected campaign: {{ selection.campaign }}
有一个示例显示了ng值的用法。什么使您犹豫不决?我已尝试显示所选compaign的addset,但没有显示任何内容。请查看当前更新的问题。包括我要执行的操作。ng repeat数组中的SelectedCompign需要是和整数值。感谢它现在工作…SelectedCompign应该是我的整数值。。