Umwandeln von text in Großbuchstaben während der Eingabe im input-Feld mit angular js

Ich weiß, dass ist möglich mit jquery-aber ich weiß nicht wie man das mit angular js, bitte jede sugestion?

       function mayuscula(campo){
            $(campo).keyup(function() {
                           $(this).val($(this).val().toUpperCase());
            });
       }
docs.angularjs.org/api/ng/filter/uppercase
Mögliche Duplikate von angularjs Großbuchstaben erzwingen in textbox

InformationsquelleAutor daniela | 2014-08-08

  1. 1

    Könnte man es machen, im HTML-template oder über JS mit dem kantigen uppercase filter.

    <div>
  <label>Input 1</label>
  <input type="text" ng-model="first">{{ first | uppercase }}
</div>

    Wenn Sie brauchen, um den Wert zu ändern, verwenden Sie toUpperCase wenn Wert geändert wird.

    <div>
  <label>Input 1</label>
  <input type="text" ng-model="first" ng-change="text = text.toUpperCase()">
</div>

    Oben in der bevorzugten Ansätze. Hier ist noch ein weiterer Weg zur Erreichung gleiche Ergebnis mit $watch aber dies wird nicht empfohlen. Siehe Kommentare Abschnitt.

    <div>
  <label>Input 2</label>
  <input type="text" ng-model="second">
</div> 

var unwatch = $scope.$watch('second', function(val) {
    $scope.second = $filter('uppercase')(val);
}, true);

$scope.$on('$destroy', unwatch);

    Verwandte Plunker hier http://plnkr.co/edit/susiRn

    I haz anonyme downvote w/o-Kommentar, der auf anerkannten (und einzige) Antwort. Das ist immer schön!
    (Extensiver) Nutzung von Beobachtern 1) hat einen negativen Einfluss auf die Leistung in den Winkel-2) machen logischen Ablauf komplexer. Daher eine Richtlinie ist ein besserer Weg, um dieses Problem zu lösen,
    True dat. Ich update meine Antwort als nicht empfohlene Vorgehensweise.

    InformationsquelleAutor Mikko Viitala

  2. 3

    Können Sie auch erstellen Sie eine Richtlinie für diese!

    Überprüfen Sie den code:

    directive('uppercase', function() {
return {
    restrict: "A"
    require: "?ngModel",
    link: function(scope, element, attrs, ngModel) {

        //This part of the code manipulates the model
        ngModel.$parsers.push(function(input) {
            return input ? input.toUpperCase() : "";
        });

        //This part of the code manipulates the viewvalue of the element
        element.css("text-transform","uppercase");
    }
};
})

    Verwendet, hier ein Beispiel:

    <input type="text" ng-model="myModel" uppercase />
    Deine Lösung ist elegant, aber leider nicht integrieren, sowie mit der Richtlinie: ng-pattern

    InformationsquelleAutor DanielCamboim

Schreibe einen Kommentar