onselect nicht aufrufende Funktion, wenn eine Übereinstimmung ausgewählt ist Fehler Uncaught ReferenceError: myFunction ist nicht definiert

Question

Ich versuche, bs-typeahead Direktive von angular-strap zu verwenden.

* Update *

http://mgcrea.github.io/angular-strap/#/typeaheads

Ich möchte ein fucntion ausgeführt werden, wenn ein Benutzer etwas aus den Optionen wählt. Aber diese einfache Fall scheint hier nicht zu arbeiten und werfen Fehler:

Uncaught ReferenceError: myFunction is not defined

Hier ist meine Syntax:

Vorlage

<input type="text" class="form-control" ng-model="selectedState" bs-options="state for state in states" bs-on-select="myFunction()" placeholder="Enter state" bs-typeahead> 

JS:

$scope.myFunction = function(){ 
    console.log("This function is called.") 
    console.log($scope.selectedState); 
} 

Kann jemand Bitte hilf mir hier, wenn mir etwas fehlt.

Hier ist meine Plunker: http://plnkr.co/edit/Z89TQ027WzxQn6UDJfAL?p=preview

Answer 1

verknüpften Plunker keine Fehler hat, aber wenn Sie die Funktion wollen bei jeder Änderung aufgerufen werden, entfernen Sie die Verpackung Klammer:

bs-on-select="myFunction" 

du jetzt‘ Rufen Sie es an Ort und Stelle und den Rückgabewert der Funktion (die nichts ist) als bs-on-select Handler.