Obtenir Angulaire Matériel v2 du curseur de valeur tout en glissant
Je suis Angulaire à l'aide de Matériel v2 md-slider
dans un composant
@Component({
selector: 'ha-light',
template: `<md-slider min="0" max="1000" step="1"
[(ngModel)]="myValue" (change)="onChange()"></md-slider>
{{myValue}}`,
styleUrls: ['./light.component.css']
})
export class LightComponent implements OnInit {
myValue = 500;
constructor() { }
ngOnInit() { }
onChange(){
console.log(this.myValue);
}
}
et myValue
des mises à jour est très bien et onChange
méthode est appelée, mais seulement quand j'ai arrêter de glissement et relâchez le bouton de la souris.
Est-il un moyen d'avoir myValue
mise à jour et également la fonction appelée, comme je suis en faisant glisser le curseur?
J'ai remarqué aria-valuenow
attribut qui est en train de changer comme je suis glissant, mais je n'en suis pas très sûr de la façon de faire usage de ce pour quoi j'ai besoin (si elle peut être utilisée à tous).
OriginalL'auteur Marek | 2017-01-27
Vous devez vous connecter pour publier un commentaire.
Grande question. Nous avons récemment ajouté cette fonctionnalité à des Matériaux 2.
Vous pouvez vous attendre à la nouvelle fonctionnalité de Matériel bêta.2
Vous n'écoute plus la
(change)
événement, plutôt sur la(input)
événement.Ce n'est pas encore connue. Désolé, il y aura Probablement une nouvelle version de la semaine prochaine.
Mais il y a toujours un moyen d'utiliser les super-dernière version de Matériel 2. Vous utilisez le material2-builds | npm install --enregistrer github.com/angular/material2-builds.git
Petite faute de frappe là-haut, doit être (entrée)= et c'est npm install --enregistrer https://... (https n'apparaît pas). Mais merci, ça fonctionne.
DevVersion puis-je définir la valeur maximale pour l'étape? signifie maintenant compter sur 100, mais veulent 60. par exemple 9.60 après 10 pas 9.61
OriginalL'auteur DevVersion