Jak uzyskać dane z div w AngularJS - html, angularjs, kontroler

Do wprowadzania tekstu używam tekstu wejściowego. Kiedy piszę coś na wejściu i naciskam klawisz Enter, tekst z pola wejściowego jest dodawany do div tuż poniżej i normalnie tablica powinna być aktualizowana w moim kontrolerze o nową wartość. Nie wiem, jak mogę uzyskać listę tekstu elementu dodanego do div z kontrolera.

Próbuję użyć właściwości n-change na moim div z modelem ng, ale to nie działa.

 <div class="row center" id="searchD" >
<form id="search" >
<input type="text" id="searchInput" onchange="createTag($(this).val());"/>
</form>
</div>
<div class="row center" ng-controller="Mainctrl">
<div id="tagContainer" ng-model="tagList" ng-change="tagList()">
</div>
</div>

Odpowiedzi:

Możesz to zrobić jak poniżej, jeśli tego się spodziewasz.

Html:

    <div class="row center" id="searchD" ng-controller="Mainctrl">
<form id="search" >
<input type="text" id="searchInput" ng-model="tagInput" ng-change="addTag()"/>
</form>
</div>
<div class="row center">
<div id="tagContainer" ng-repeat="tag in tagList">{{tag}}
</div>
</div>

Mainctrl:

    $scope.tagList = [];

$scope.addTag = function () {
$scope.tagList.push($scope.tagInput);
$scope.tagInput = "";
}

Czy pytasz, jak pobrać dane ze sterownika na stronę html? Jeśli tak, użyj interpolacji kątowej {{ someData }}

<div id="tagContainer" ng-model="tagList" ng-change="tagList()">
{{ tagList }}
</div>