Come posso ottenere un valore di input in $ scope di Angular?

Question

Sono nuovo di Angular e sto cercando di fare qualcosa di veramente semplice. Ecco una parte di una vista (tutti i file angolari vengono aggiunti altrove):

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

E qui è il mio controller:

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

    // get the scope value here 
}]); 

Quello che sto cercando di fare è davvero semplice. Mi piacerebbe usare il valore di input. Ho provato qualcosa come $scope.data = [] e $scope.data.push($scope.id) per creare un array con il valore dell'oscilloscopio, ma non ha funzionato. Quando ho provato a visualizzare il valore, ho ottenuto un 'indefinito' sulla console.

Avete qualche idea?

Modifica: la vista ha anche un pulsante con la direttiva ng-click che attiva la funzione del controller dove cerco di ottenere il mio valore.

Answer 1

Il valore verrà aggiunto automaticamente a $scope, ma è necessario digitare qualcosa nell'elemento input.

Detto questo, è necessario attivare qualcosa per ottenere questo valore. Ad esempio, dove hai il tuo commento // get the scope value here - questo viene attivato non appena il controller viene inizializzato e non viene mai più chiamato; quindi, accederà a undefined in quel momento. Tuttavia, se si imposta un clic del pulsante, o qualcosa del genere, si vedrà che è disponibile:

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

E il controller:

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

Ora digitare qualcosa nell'ingresso e fare clic sul pulsante.

Answer 2

Se si ha realmente bisogno in ordine, solo fare questo nel controller:

$scope.data = [0];

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

sarà riempire quel valore di matrice automaticamente durante la digitazione qualcosa in INPUT, id sarà sempre in prima posizione nell'array.

Oppure si può gestire con oggetto In regolatore: $scope.data = {};

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