Wijmo 5 [Input]

Multi Select List Box

HTML

<link rel="stylesheet" href="http://cdn.wijmo.com/5.20173.380/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20173.380/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.20173.380/controls/wijmo.input.min.js"></script>
<script src="http://cdn.wijmo.com/5.20173.380/interop/angular/wijmo.angular.min.js"></script>
<div ng-app="app" ng-controller="appCtrl">
  <wj-auto-complete id="ac"
                    items-source="data" 
                    is-editable="false"
                    selected-value-path="country"
                    display-member-path="country"
                    text-changed="textChanged(s,e)">
</wj-auto-complete>                    
</div>

JavaScript

var data = ['China','India','Japan','UK','US'];
        var app = angular.module('app', ['wj']);
        app.controller('appCtrl', function ($scope) {
            var items = [];
            for (var i = 0; i < data.length; i++) {
                items.push({id:i,country:data[i],selected: false})
            }
            $scope.data = new wijmo.collections.CollectionView(items);
            var tp=new wijmo.Tooltip();
            $scope.textChanged=function(s,e){
            	if(s.collectionView.itemCount==0){
              	tp.show("#ac","Input value is illegal!")
              }else{
              	//tp.hide();
              }
            }
        });