J'essaie d'implémenter une typeahead dans Angular using http://angular-ui.github.io/bootstrap/
Il semble que cela devrait être facile, mais j'obtiens l'erreur suivante:
Symbole global
$viewValue
requiert un nom de package explicite.
Quel est $viewValue
? Cela ne semble pas être défini.
Merci
voici un exemple de frappe de travail:
<div class="container">
<div ng-controller="mainCtrl" class="row-fluid">
<form class="row-fluid">
<div class="container-fluid">
<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue" />
</div>
</form>
</div>
</div>
<script>
angular.module('myApp', ['ui.bootstrap'])
.controller("mainCtrl", function ($scope) {
$scope.selected = '';
$scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'];
});
</script>
http://jsfiddle.net/alfrescian/ZjPWe/
$viewValue
est la valeur actuelle dans la vue - votre entrée de chaîne. $viewValue
est spécifié dans ngModel
.