我在ng-click中查看了像UL这样的下拉菜单。当我在列表中选择一个项目时,它没有被选中。我究竟做错了什么。
HTML:
<div class="btn-group" id="divWotcStatuss" style="display: inline-block;" ng-show="clickedStatus">
<button type="button" class="btn btn-default dropdown-toggle btn-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span id="h2HeaderCompany" style="color:navy; font-size:25px;text-shadow:rgba(0,0,0,0.5) 0 1px 2px;">
{{statusById.EvalstatusTitle}}
</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li ng-repeat="status in Enums.StatusForDropdown" >
<a ng-click="clickedStatus=status.EvalStatusId; FilterEmpsList()">
{{status.EvalstatusTitle}}
</a>
</li>
</ul>
</div>
JS:
$scope.GetStatusById = function () {
$scope.statusById = $scope.Enums.StatusForDropdown.find(function (el, idx) {
return el.EvalStatusId === $scope.clickedStatus;
})
};
WotcDashBoardModule.constant('Enums', {
StatusForDropdown:[
{EvalStatusId: '0', EvalstatusTitle: 'WOTC Screened'},
{EvalStatusId: '5', EvalstatusTitle: 'WOTC Pre-Qualified'},
{EvalStatusId: '2', EvalstatusTitle: 'Submitted All Docs'},
{EvalStatusId: '11', EvalstatusTitle: 'Submitted Missing Docs'},
{EvalStatusId: '10', EvalstatusTitle: 'Not Submitted'},
{EvalStatusId: '3', EvalstatusTitle: 'Employees Approved'},
{EvalStatusId: '9', EvalstatusTitle: 'Employees Denied'},
{EvalStatusId: '4', EvalstatusTitle: 'Request For Additional Info'}
]
});
答案 0 :(得分:1)
不确定被选中是什么意思,但我会做出最好的猜测,你可以做其余的事。
你有一个方法在ng-click FilterEmpsList(),我会将值传递给那个方法,像FilterEmpsList(status.EvalStatusId),然后在那个方法中你可以将值赋给其他一些变量。 / p>
var FilterEmpsList = function (value) {
$scope.SelectedValue = value;
}
然后你可以按照你原先想要的那样使用$ scope.SelectedValue。