Wie bekomme ich einen input-Wert in Eckigen Dollar-Bereich?

Ich bin neu zu Eckig, und ich bin versucht, etwas zu tun, wirklich basic. Hier ist ein Teil einer Ansicht (alle Winkel-Dateien Hinzugefügt werden, an anderer Stelle) :

 <div ng-controller='ctrl'>
    <input type='text' ng-model='id'>
 </div>

Und hier ist mein controller :

 module.controller('ctrl',['$scope', function ($scope) {

    //get the scope value here
}]);

Was ich versuche zu tun, ist wirklich einfach. Ich möchte mit dem input-Wert. Ich habe versucht, so etwas wie $scope.data = [] und $scope.data.push($scope.id) erstellen Sie ein array mit der scope-Wert, aber es hat nicht funktioniert. Als ich versuchte, um den Wert anzuzeigen, bekam ich eine 'undefined' auf der Konsole.

Habt Ihr eine Idee ?

Edit : Die Ansicht hat auch eine Taste mit der ng-click Richtlinie, die trigger des Controllers Funktion, wo ich versuchen zu bekommen mein Wert.

  • Hast du den Typ etwas in die input?
  • Ich tippe etwas, (ich habe es nicht geschrieben auf den original-post) habe ich eine Taste mit einem ng-click Richtlinie verbunden mit einer Funktion in der Steuerung.
  • Bearbeiten Sie den Titel der Frage so, dass es Staaten das problem, das Sie gegenüberstellen, "Nur versuchen, einige grundlegende Dinge mit AngularJS ist ngModel" sagt mir nichts. Sie würde nicht Fragen Ihre Eltern "ich bin versucht zu tun, einige Kochen mit einem Herd" ... "okay, was ist die Frage? Was werden Sie Kochen? Was ist das problem?".
  • Ich möchte hinzufügen, die ng-click auf die Frage. Poste den code "as-is" - nicht ein enger Darstellung... kleine Fehler können sieht aus wie große Probleme.
  • Überprüfen Sie mein blog-post. Es könnte für Sie nützlich sein: espeo.pl/angularjs-wie-richtig-verwenden-sehen-und-watchcollection
InformationsquelleAutor Arhyaa | 2015-06-01
  1. 14

    Der Wert wird automatisch Hinzugefügt werden, um die $scope, aber Sie haben etwas zu geben in der input element.

    Dieser sagte, müssen Sie die trigger etwas um diesen Wert. Zum Beispiel, wo Sie Ihren Kommentar //get the scope value here -- dieser wird ausgelöst, sobald der controller initialisiert und nie wieder angerufen; also, es geht um log undefined damals. Allerdings, wenn Sie setzen Sie auf eine Schaltfläche klicken, oder etwas, Sie werden sehen, es ist verfügbar:

    <div ng-controller='ctrl'>
   <input type='text' ng-model='id'>
   <button ng-click="logId()">Log ID</button>
</div>

    Und controller:

    module.controller('ctrl',['$scope', function ($scope) {
    $scope.logId = function() {
        console.log($scope.id);
    }
}]);

    Nun geben Sie etwas in das Eingabefeld und klicken Sie auf die Schaltfläche.

    • Hmm, mein Fehler, ich vergaß, es zu erwähnen. Ich habe eine Schaltfläche auf der Ansicht, mit einem ng-click Richtlinie verbunden mit einer Funktion in der Steuerung auszulösen. Ich ' ll fügen Sie es zum ursprünglichen Beitrag !
    • Können Sie eine jsBin oder jsFiddle das nicht funktioniert? Der code, den ich zur Verfügung gestellt gut funktioniert: jsbin.com/wuhiciwibi/1/edit?html,js,Konsole,Ausgang @Arhyaa
    • Wechsle ich von angular.min.js zu angular.js in der Hauptansicht, und es funktionierte.
    InformationsquelleAutor Tom
  2. 0

    Wenn Sie wirklich brauchen, es in der Reihe, nur tun Sie dies in Ihrem controller:

    $scope.data = [0];

    und in HTML machen
    <input type="text" ng-model="data[0]">

    Es füllt das array mit dem Wert automatisch, während Sie Tippen etwas in INPUT id wird immer an Erster position im array.

    Oder Sie damit umgehen kann, mit dem Objekt
    Im controller:
    $scope.data = {};

    in HTML <input type="text" ng-model="data.id">

    InformationsquelleAutor Tamaro Tamaroidny
Schreibe einen Kommentar