Cell edit templates

HTML

<script src="http://cdn.wijmo.com/5.20151.42/controls/wijmo.min.js"></script>
<link rel="stylesheet" href="http://cdn.wijmo.com/5.20151.42/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20151.42/controls/wijmo.input.min.js"></script>
<script src="http://cdn.wijmo.com/5.20151.42/controls/wijmo.grid.min.js"></script>
<script src="http://cdn.wijmo.com/5.20151.42/interop/angular/wijmo.angular.min.js"></script>
<div ng-app="app" ng-controller="appCtrl">
    <wj-auto-complete id="brza_status" selected-item="brza.status" ng-disabled="isDisabledFast" selected-index="-1" items-source="data" display-member-path="country" placeholder="country" class="customControl" selected-index-changed="selectedIndexChanged(s,e)" is-dropped-down-changed="isDroppedDownChanged(s,e)"></wj-auto-complete>
</div>

JavaScript

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

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

    // create some random data
    var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','),
        data = [];
    for (var i = 0; i < countries.length; i++) {
        data.push({
            country: countries[i],
            id: i,
        });
    }

    // expose data as a CollectionView to get events
    $scope.data = new wijmo.collections.CollectionView(data);
    $scope.countries = countries;

    var isLoaded = false;
    $scope.selectedIndexChanged = function (s, e) {
         
        if (isLoaded) {
            console.log('user selection')
        }
    };
    $scope.isDroppedDownChanged=function(s,e){
                isLoaded = true;
    }
});