如何在控制器中访问另一个模型中的 angular 模型?
How to access in controller an angular model inside another model?
每个组织都有多个渠道。对于每个组织,我显示一个多 select 框,其中的渠道作为选项。
<div class="col-sm-9">
<div class="row">
<div class="col-sm-4" ng-repeat="orgModel in selectedOrganizations.selectedOrganizations">
<div class="box">
<div class="box-header"><h3>{{orgModel.name}}</h3></div>
<div class="box-divider m-a-0"></div>
<ul class="list no-border p-b">
<li class="list-item">
<div class="list-body">
<select multiple name="singleSelect" class="form-control input-c" id="singleSelect" ng-model="org.selectedChannels" ng-options="channel.name for channel in orgModel.channels" ng-show="item.editing">
</select>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
我可以在哪里以及如何访问控制器中的 org.selectedChannels
?
在控制器中使用 $scope.org.selectedChannels
来访问 select 框值
为了向每个组织分配 selected 渠道,您必须在 select 元素的 ng-model 中使用 ng-repeat 变量。
ng-model="orgModel.selectedChannels"
之后,您可以按组织索引访问select每个组织的频道:
$scope.selectedOrganizations.selectedOrganizations[0].selectedChannels
每个组织都有多个渠道。对于每个组织,我显示一个多 select 框,其中的渠道作为选项。
<div class="col-sm-9">
<div class="row">
<div class="col-sm-4" ng-repeat="orgModel in selectedOrganizations.selectedOrganizations">
<div class="box">
<div class="box-header"><h3>{{orgModel.name}}</h3></div>
<div class="box-divider m-a-0"></div>
<ul class="list no-border p-b">
<li class="list-item">
<div class="list-body">
<select multiple name="singleSelect" class="form-control input-c" id="singleSelect" ng-model="org.selectedChannels" ng-options="channel.name for channel in orgModel.channels" ng-show="item.editing">
</select>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
我可以在哪里以及如何访问控制器中的 org.selectedChannels
?
在控制器中使用 $scope.org.selectedChannels
来访问 select 框值
为了向每个组织分配 selected 渠道,您必须在 select 元素的 ng-model 中使用 ng-repeat 变量。
ng-model="orgModel.selectedChannels"
之后,您可以按组织索引访问select每个组织的频道:
$scope.selectedOrganizations.selectedOrganizations[0].selectedChannels