JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<div ng-controller="myCtrl">
<input type="text" value="" class="focus-it">
    <select class="vsl_velocity_views_teacher_classRoster-grade"  ng-model="settings.student.grade" ng-change="settings.enableStudentSaveBtn('GradeLevel')" ng-disabled="addingNewStudent">
                     <!-- <option ng-repeat="gradeLevel in settings.GradeLevelDropdownOptions" value="{{gradeLevel}}">{{gradeLevel | lowercase}}</option>  -->
                     <option ng-repeat='grade in settings.GradeLevelDropdownOptions' value='{{grade}}'>{{grade | lowercase}}</option>
                  </select>

</select>
</div>

JavaScript

var myApp = angular.module('testapp',[]);
myApp.controller('myCtrl', function($scope){
$scope.settings = {};
$scope.settings.student={};
$scope.settings.student.grade = '4th Grade'

$scope.settings.GradeLevelDropdownOptions= ["Kindergarten","1st Grade","2nd Grade","3rd Grade","4th Grade","5th Grade"]

var focus = angular.element(document.querySelector('.focus-it'));
console.log(angular.element(focus))

});