Change to receive and select item by functions js.

[jopss]

Adding option to receive data from a function, and select an object also by a function. It can be used with Restangular, for example:

CONTROLLER:

angular.module("app.whatever")
        .controller("MyController", myController);

function myController($scope, MyService) {
        var vm = this;
        vm.init = init;
        vm.findRemoteObjects = findRemoteObjects;
        vm.selectItem = selectItem;

        function findRemoteObjects(filter) {
            MyService.findRemote(filter).then(function (result) {
                vm.listObjects = result;
            }, function (result) {
                console.log("error: "+result);
            });
        };

        function selectItem(item) {
                vm.selectedItem = item;
        }

        function init() {
                vm.selectedItem = null;
                vm.listObjects = [];
        }

        vm.init();
}

SERVICE RESTANGULAR

angular.module("app.whatever")
        .service("MyService", ["Restangular", function (Restangular) {
                        this.findRemote = function (autocompleteFilter) {
                                return Restangular.one("http://myapp/find").get({filter: autocompleteFilter});
                        };
                }
        ]);

COMPONENT

<angucomplete id="id_comp"
      placeholder="Hey..."
      pause="400"
      selectedaction="vm.selectItem"
      action="vm.findRemoteObjects"
      datafield="vm.listObjects"
      titlefield="attrtitle"
      descriptionfield="attrdesc"
      inputclass="form-control form-control-small"/>