访问angularjs中单击的li元素

时间:2016-06-13 23:07:17

标签: angularjs

我在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'}
                      ]
});

1 个答案:

答案 0 :(得分:1)

不确定被选中是什么意思,但我会做出最好的猜测,你可以做其余的事。

你有一个方法在ng-click FilterEmpsList(),我会将值传递给那个方法,像FilterEmpsList(status.EvalStatusId),然后在那个方法中你可以将值赋给其他一些变量。 / p>

var FilterEmpsList = function (value) { 
    $scope.SelectedValue = value; 
}

然后你可以按照你原先想要的那样使用$ scope.SelectedValue。