html - 选择元素 ID 时添加计数

Question

这是我的代码

<div class="row page-titles">
    <div class="col-md-6 col-8 align-self-center">
        <h3 class="text-themecolor m-b-0 m-t-0">{{phrase.takeAttendance}}</h3>
    </div>
    <div class="col-md-6 col-4 align-self-center">

    </div>
</div>

<div class="row" ng-show="views.list">
    <div class="col-12">
        <div class="card">
            <div class="card-block">
                <h4 class="card-title">{{phrase.selectAttendance}}</h4>
                <div class="form">

                  
                       
<div class="row" ng-show="views.lists">
    <div class="col-12">
        <div class="card">
            <div class="card-block">
                <button class="btn btn-danger btn-sm pull-right" type="button" ng-click="changeView('list')"> {{phrase.Return}}</button>
                <h4 class="card-title">{{phrase.controlAttendance}}</h4>
                <div class="form">

                    <div style="padding:  10px;text-align:  center;font-weight: bold;">
                        {{phrase.class}} : {{class.className}}, <span ng-show="attendanceModel == 'subject'">{{phrase.Subject}}: {{subject.subjectTitle}},</span> {{phrase.Date}} : {{form.attendanceDay}}
                    </div>

                    <form class="form-horizontal" ng-submit="saveAttendance()" name="form" novalidate>
                        <table class="table table-bordered table-hover">
                            <tbody>
                                <tr>
                                    <th style="width: 10px">#</th>
                                    <th>{{phrase.studentName}}</th>
                                    <th>{{phrase.Attendance}}</th>
                                    <th>{{phrase.notes}}</th>
                                </tr>
                                <tr>
                                    <td style="width: 10px">#</td>
                                    <td>Select All</td>
                                    <td>
                                        <input type="button" ng-click="selectAll(1)" class="btn btn-info btn-sm" value="{{phrase.Present}}">
                                        <input type="button" ng-click="selectAll(0)" class="btn btn-info btn-sm" value="{{phrase.Absent}}">
                                       
                                    </td>
                                    <td></td>
                                </tr>
                                <tr ng-repeat="student in students | object2Array">
                                    <td>{{student.studentRollId}}</td>
                                    <td>
                                        <img alt="{{student.name}}" class="user-image img-circle" style="width:35px; height:35px;" ng-src="{{'index.php/dashboard/profileImage/'+student.id}}">
                                        <a href="" ng-click="studentProfile( student.id )">{{student.name}}</a>
                                    </td>
                                    <td>
                                        <div>
                                            <div class="radio-list" ng-show="student.vacationStat" style="padding-bottom: 10px;">
                                                Vacation requested : 
                                                <label style="color:green;" ng-show="student.vacationStat == '1'"> {{phrase.acceptedVacation}} </label>
                                                <label style="color:red;" ng-show="student.vacationStat == '0'"> {{phrase.rejectedVacation}} </label>
                                                <label ng-show="student.vacationStat == '-1'"> {{phrase.waitAction}} </label>
                                            </div>
                                            <div class="radio-list" ng-show="!student.vacationStat || student.vacationStat != '1'">
                                                <label>
                                                    <input type="radio" ng-model="student.attendance" value="1"> {{phrase.Present}}
                                                </label>
                                                <label>
                                                    <input type="radio" ng-model="student.attendance" value="0"> {{phrase.Absent}}
                                                </label>
                                             
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <input type="text" name="attNotes" ng-model="student.attNotes" class="form-control" placeholder="{{phrase.notes}}">                                
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <br/>
                        <div class="form-group m-b-0">
                            <div class="offset-sm-2 col-sm-10">
                                <button type="submit" class="btn btn-info waves-effect waves-light" >{{phrase.saveAttendance}}</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>

问题是..系统选择缺席或出席..我想显示有多少人缺席和有多少人出席..

在页脚或便笺中它应该显示存在（计数），不存在（计数）

请帮助我，我们将不胜感激。

或任何简单的东西，显示有多少在场或有多少缺席。我尝试了一切，但每次都失败了。

标签： htmlangular