Eingabewert mit angularjs abrufen

Ich implementiere angular js und versuche, den Wert des Eingabefeldes zu ermitteln und in den lokalen Speicher zu speichern. Die Eingabe wird vom Benutzer eingegeben und bezieht sich auf die IP-Adresse.Eingabewert mit angularjs abrufen

Unten ist mein HTML-Code:

<div> 
    <input ng-model="serverip"> 
    <input type="button" class="button" value="Apply" ng-click="save()"> 
    </div>

Unten ist mein js Code:

.controller('Ctrl', function($scope) { 

    $scope.save= function() { 
     console.log($scope.serverip); 
     localStorage.setItem('serverip', $scope.serverip); 
    }; 
})

Warum ist es durch die obige Codierung verwenden, nachdem ich Schlüssel in der IP-Adresse in das Eingabefeld , die $scope.serverip ich bekomme ist immer undefine?

Quelle

2015-06-03 Coolguy

Wie binden Sie Ihre Steuerung mit dem HTML-Format? –

Ich benutze die ionische Plattform – Coolguy

können Sie Plunker oder jfiddle mit Problem bieten? – Grundy

Haben Sie ng-app und ng-controller richtig eingestellt? Hier ist a plunker demonstriert das gewünschte Verhalten.

HTML:

<body ng-controller="Ctrl"> 
    <div> 
    <input ng-model="serverip"> 
    <input type="button" class="button" value="Apply" ng-click="save()"> 
    </div> 
    <p> 
    Saved IP: {{savedip}} 
    </p> 
</body>

Controller:

var app = angular.module('plunker', []); 

app.controller('Ctrl', function($scope) { 

    $scope.save = function() { 
     $scope.savedip = $scope.serverip 
    }; 
})

Quelle

2015-06-03 05:46:47

Ja. Ich denke meine ng-App und ng-Controller ist richtig. Nur dass ich für $ scope.serverip immer undefiniert bin. Wenn mein ng-app und mein ng-Controller falsch sind, wird die $ scope.save-Funktion nicht ausgeführt. Jetzt wurde die Schaltfläche $ scope.save ausgeführt. – Coolguy

Das ist schön. Anstatt es als angularjs zu speichern. Ist es möglich, diesen Wert als Java-Objekt zu speichern? Ich muss diesen Wert in meine Klassen übergeben – Jesse

Dies ist die perfekte Arbeitsbeispiel, was Sie suchen:

Live-: http://jsbin.com/bifiseyese/1/edit?html,console,output

Code:

<div ng-app="app" ng-controller="Ctrl"> 
    <input type="text" ng-model="serverip"/> 
    <button ng-click="save()">Save</button> 
</div> 

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script> 
<script type="text/javascript"> 
angular.module('app',[]).controller('Ctrl', ['$scope', function($scope){ 
    $scope.save = function(){ 
     localStorage.setItem('serverip', $scope.serverip); 
     console.log("localStorage.serverip = " + localStorage.serverip); 
    }; 
}]); 
</script>

Quelle

2015-06-03 06:43:00

ich irgendwie die richtige Antwort herauszufinden. Wir müssen die serverip in den HTML-Code übergeben zurück:

<div> 
    <input ng-model="serverip"> 
    <input type="button" class="button" value="Apply" ng-click="save(serverip)"> 
    </div>

Und in der js-Datei:

.controller('Ctrl', function($scope) { 

    $scope.save = function(serverip) { 
     console.log(serverip); 
     localStorage.setItem('serverip', serverip); 
    }; 
})

Quelle

2015-06-03 07:18:27 Coolguy

'$ scope.save' hat bereits Zugriff auf' $ scope.serverip'. Manuelles Übergeben ist nicht notwendig und vermeidet nur die Datenbindung, mit der Angular aufgebaut ist, um Ihnen zu helfen. –

Eingabewert mit angularjs abrufen

Antwort

Verwandte Themen