tpls - En el Typeahead de AngularJS BootstrapUI, ¿qué es $ viewValue?

ui bootstrap tpls 2.5 0

Question

Estoy tratando de implementar un typeahead en Angular usando http://angular-ui.github.io/bootstrap/

Parece que debería ser fácil, pero me aparece el siguiente error:

El símbolo global $viewValue requiere un nombre de paquete explícito.

¿Qué es $viewValue ? No parece estar definido.

Gracias

Answer 1

he aquí un ejemplo de trabajo de ejemplo anticipado:

<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 es el valor actual en la vista: su entrada de cadena. $viewValue se especifica en ngModel .