Jak uzyskać wartość wejściową w zakresie $ Angular?

Question

Jestem nowy w Angular i próbuję zrobić coś naprawdę podstawowego. Oto część z widokiem (wszystkie pliki kątowe są dodawane w innym miejscu):

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

I tu jest mój kontroler:

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

    // get the scope value here 
}]); 

Co usiłuję zrobić jest bardzo proste. Chciałbym użyć wartości wejściowej. Próbowałem coś takiego jak $scope.data = [] i $scope.data.push($scope.id), aby utworzyć tablicę z wartością zakresu, ale to nie zadziałało. Kiedy próbowałem wyświetlić wartość, dostałem "niezdefiniowany" na konsoli.

Czy macie jakiś pomysł?

Edytuj: Widok ma również przycisk z dyrektywą ng-click, który uruchamia funkcję kontrolera, w której próbuję uzyskać moją wartość.

Answer 1

Wartość zostanie automatycznie dodana do $scope, ale musisz wpisać coś do elementu input.

Powiedziawszy, musisz wywołać coś, aby uzyskać tę wartość. Na przykład, gdy masz swój komentarz // get the scope value here - jest on wywoływany, gdy tylko kontroler jest inicjowany i nigdy nie jest wywoływany ponownie; więc w tym czasie będzie się rejestrować niezdefiniowana. Jednakże, jeśli ustawisz go do kliknięcia przycisku lub coś, widać, jest ona dostępna:

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

i kontroler:

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

Teraz wpisz coś do wejścia i kliknij przycisk.

Answer 2

Jeśli naprawdę potrzebujesz go w tablicy, po prostu zrób to w kontrolerze:

$scope.data = [0];

i HTML zrobić <input type="text" ng-model="data[0]">

To wypełni tę wartość tablicową automatycznie podczas pisania coś INPUT, id będzie zawsze na pierwszej pozycji w tablicy.

Albo można obsługiwać go z obiektu W sterowniku: $scope.data = {};

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