Options de configuration pour typeahead, à l'aide de Angular-ui Bootstrap
À l'aide de typeahead, je suis en train de mettre un couple d'options, qui sont disponibles en standard Bootstrap typeahead options
En utilisant le code suivant, je suis en mesure de définir la "minLength de la propriété" mettre en ligne "typeahead-min-longueur", mais faire la même chose avec les "objets" que "typeahead-éléments" ne fonctionne pas. Est-il différent/mieux/standard façon de le faire? Est-il un moyen de joindre un tableau d'options à $portée?
<div class='container-fluid' ng-controller="TestController">
<input type="text" ng-model="selected"
typeahead="foo for foo in foo | filter:$viewValue" typeahead-items='5' typeahead-min-length='3'>
<pre>{{selected| json}}</pre> </div>
Mise à jour: je suis en train d'essayer de s'en tenir à AngularJS, et ne pas utiliser jQuery
C'est mon contrôleur:
myAppModule.controller('TestController', function($http,$scope) {
$scope.selected = undefined;
$http.get('data/sample.json')
.then(function(results){
$scope.foo = results.data;
});
});
OriginalL'auteur ktm | 2013-07-18
Vous devez vous connecter pour publier un commentaire.
Pourquoi n'utilisez-vous pas le JS d'initialiser typeahead:
EDIT:
Je vois, le AngularJS façon, vous pouvez utiliser
limitTo
:Veuillez vérifier mes édité réponse alors.
C'est parfait Hieu, merci. Puis-je demander l'URL de la doc que vous avez utilisé pour comprendre cela? Fonctionne comme un charme, merci.
Il devrait être le AngularJS: docs.angularjs.org/api/ng.filter:limitTo , il est également mentionné un peu ici: groups.google.com/d/msg/angular-ui/ZZQug6nRLwQ/FTSQYy5zszsJ . J'espère que ça aide 😉
+1 pour limitTo, plutôt que le jQuery. Même s'il ressemble à un ng-repeat il n'a pas se produire pour moi que limitTo serait une option
OriginalL'auteur Hieu Nguyen