Wijmo 5 - Edit With No Selection

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/5.20161.138/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20161.138/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.20161.138/controls/wijmo.input.min.js"></script>
<script src="http://cdn.wijmo.com/5.20161.138/controls/wijmo.grid.min.js"></script>
<script src="http://cdn.wijmo.com/5.20161.138/interop/angular/wijmo.angular.min.js"></script>
<script src="https://use.fontawesome.com/b31455e128.js"></script>
<!-- mark this as an Angular application and give it a controller -->
<div ng-app="app" ng-controller="appCtrl">
<i class="fa fa-address-book-o" aria-hidden="true"></i>
  <h1>Combo No Edit</h1>
  <wj-combo-box initialized="init(s, e)">
  </wj-combo-box>

</div>

JavaScript

// define app, include Wijmo 5 directives
var app = angular.module('app', ['wj']);

// controller
app.controller('appCtrl', function($scope) {

	// some testing data
  $scope.init = function(s, e) {
		s.itemsSource = 'The quick brown fox jumped over you know what'.split(' ');
    s.hostElement.querySelector('input').readonly = true;
    console.log(s.hostElement.querySelector('.wj-glyph-down'))
    //s.hostElement.querySelector('.wj-glyph-down').class="fa fa-address-book-o"

    s.hostElement.querySelector('.wj-glyph-down').classList.add('fa');
    s.hostElement.querySelector('.wj-glyph-down').classList.add('fa-address-book-o');
    s.hostElement.querySelector('.wj-glyph-down').classList.remove('wj-glyph-down');
  }
});