Tworzenie dyrektywy kątowej, która aktualizuje model ng

Question

Próbuję utworzyć dyrektywę, która otacza wtyczkę twitter typeahead. To, co mam tak daleko jest:

HTML:

<input ng-twitter-typeahead type="text" ng-model="participant" data="exampleData" /> 
{{ participant }} 

Chcę wartość dla „uczestnika” zostać zaktualizowane, gdy wybiorę coś na wpisywanie znaków z wyprzedzeniem. Sam ciąg znaków działa poprawnie, ale nie mogę uchwycić wybranej wartości. Poniżej znajduje się javascript:

var app = angular.module('myApp', []) 
app.directive('ngTwitterTypeahead', function() { 
    return { 
    restrict: 'EA', 
    scope: { 
     data: '=' 
    }, 
    link: function ($scope, $element, $attrs) { 
     $element.typeahead($scope.data); 

     $element.bind('typeahead:selected', function(obj, datum) {   
     // I really don't know how to do this part 
     // the variable 'datum' is what I want to be passed to ng-model 
     // I tried things like: 
      // Including the ngModelController and typing: 
      // ngModel.$setViewValue(datum) 
      // but that didn't work. 
    } 
    }; 
}); 

Oczywiście brakuje mi czegoś podstawowego, jeśli chodzi o AngularJS. Każda pomoc będzie bardzo ceniona!

EDIT **

mogę znaleźć rozwiązanie. Czasami nie mam pojęcia:

angular.module('siyfion.ngTypeahead', []) 
    .directive('ngTypeahead', function() { 
    return { 
    restrict: 'C', 
    scope: { 
     datasets: '=', 
    ngModel: '=' 
    }, 
    link: function ($scope, $element, $attrs) { 
     $element.typeahead($scope.datasets);  

     $element.bind('typeahead:selected', function(obj, datum) {   
    $scope.$apply(function() { 
    $scope.ngModel = datum; 
    }); 
    })    
    } 
    }; 
}); 

Answer 1

Można wymagać sterownika ngModel w dyrektywie. To daje dostęp do kontrolera modelu wewnątrz funkcji link patrz http://docs.angularjs.org/api/ng.directive:ngModel.NgModelController

Tutaj można znaleźć przykład, jak go używać prawdziwego życia http://suhairhassan.com/2013/05/01/getting-started-with-angularjs-directive.html#.UhSdDOZdXUE

Answer 2

The twitter Typeahead project wydaje się być opuszczony.

Ale można użyć the Typeahead Angular directive z Angular UI Bootstrap library, który jest aktywnie utrzymywany od teraz.