unserver-unify/src/app/directive/exam/typingtest.component.html

<div style="margin-left: -10px; height:100%;">
  <table class="table table-striped table-hover table_design typing_table">
    <thead>
      <tr>
        <th translate="">
          <!-- 总字数 ： -->
          Total number of words
        </th>
        <th translate="">
          <!-- 键入字数 ： -->
          Total number of words Typed
        </th>
        <th translate="">
          <!-- 错误数 ： --> Errors 
        </th>
        <th translate="">
          <!-- 正确率 ： --> Accuracy 
        </th>
        <th translate="">
          <!-- 速度 ： --> Typing Speed
        </th>
        <th translate="">
          <!-- 倒计时 ： --> Time Left 
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="text-center">
          {{$ctrl.spanAllNum}}
        </td>
        <td class="text-center">
          {{$ctrl.spanNum}}
        </td>
        <td class="text-center">
          {{$ctrl.spanError}}
        </td>
        <td>
          {{$ctrl.spanRate}}
        </td class="text-center">
        <td>
          {{$ctrl.spanSpeed}}
        </td>
        <td>
          <timer countdown="$ctrl.timeLimit" interval="1000" max-time-unit="'minute'" finish-callback="$ctrl.timeFinish()" autostart="false"> 
            {{minutes}} <span class="font-12">{{'minute' | translate }}</span>
            {{seconds}} <span class="font-12">{{'second' | translate }}</span>
          </timer>
        </td>
      </tr>
    </tbody>
  </table>
  <div class="margin-bottom-20"></div>
  <div id="divMain" class="typing_area" ng-class="{active: $ctrl.started, active1: $ctrl.taken}">
    <div class="overlay_bg" ng-if="!$ctrl.started && !$ctrl.taken"></div>
    <!--    ns-focus-id="txtInput" -->
    <div id="divText" class="typing_text" ns-focus-id="txtInput">
      {{$ctrl.DivText}}
    </div>
    <textarea id="txtInput" ng-change="$ctrl.changeText();" ng-disabled="$ctrl.disabled" placeholder="{{'Start your typing' | translate}}" ng-model="$ctrl.txt" style=""></textarea>
    <div class="clearfix pstn_4_typ"></div>
    <input id="btnStart" class="btn btn-u typ_start" ng-click="$ctrl.start()" type="button" value="{{'Start' | translate }}" ng-if="!$ctrl.started && !$ctrl.taken"/>
  </div>
  <input id="btnStart" class="btn btn-u pull-right" ng-click="$ctrl.stop()" type="button" value="{{'Submit' | translate }}" ng-if="$ctrl.started"/>
</div>
<div class="clearfix"></div>