2016-09-21 1 views
0

Hallo bei der Umsetzung Ich bin sehr Anfänger in Winkeln js.I versuchen typeahead zu implementieren, die ich aus dem vorhandenen lib verwendet versuchte <script src="lib/xyz/typeahead.bundle.js"></script>Problem während Aufruf von jquery von Winkeln js macht typeahead

Mein Eingabefeld:

<div> 
    <input type="text" id='test' name="test" ng-model="test[0].name" 
     ng-focus="formFieldJustGotFocus();" autocomplete="off" spellcheck="false"> 
</div> 

ich versuche Verwendung der typeahead Funktion des bestehenden lib aber als Winkel Anwendung zu machen, ich bin nicht sicher, wie Aufruf der Funktion in meinem Controller-Funktionen Test() zu machen:

$scope.formFieldJustGotFocus = function test(){ 
      $('#test').typeahead({ 
      name: 'accounts', 
      local: ['Audi', 'BMW', 'Bugatti', 'Ferrari', 'Ford', 'Lamborghini', 'Mercedes Benz', 'Porsche', 'Rolls-Royce', 'Volkswagen'] 
     }); 
    }; 
+0

leider vergessen, die lib und mein Eingabefeld lib/xyz/typeahead.bundle.js und mein Eingabefeld hinzufügen, wie unten

\t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t
PritamGhosh

+0

https://www.sitepoint.com/creating gezeigt -a-typeahead-widget-with-angularjs/ – nikhil

+0

Bitte lesen Sie zuerst einige eckige Dokumentation. Dann werden Sie bald herausfinden, dass Sie hierfür eine [Anweisung] (https://docs.angularjs.org/guide/directive) erstellen müssen, anstatt es auf diese Weise zu tun. – devqon

Antwort

0

Hallo, bitte siehe unten Link wird Ihnen mehr helfen. Es ist ein Beispiel für typeahead mit eckigen js. Typeahead example

[\[1\]: https://codepen.io/joe-watkins/pen/EagEWv][1]