/ / Come ottenere dati da un div in AngularJS - html, angularjs, controller

Come ottenere dati da un div in AngularJS - html, angularjs, controller

Uso un testo di input per inserire il testo in div. Quando scrivo qualcosa nell'input e premo il tasto Invio, il testo dal campo di input viene aggiunto a un div appena sotto e normalmente, un array dovrebbe essere aggiornato nel mio controller con il nuovo valore. Non so come posso ottenere la lista del testo dell'elemento aggiunto al div da un controller.

Sto cercando di utilizzare la proprietà n-change sul mio div con ng-model ma non funziona.

 <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>

risposte:

1 per risposta № 1

Potresti farlo qualcosa come sotto se è quello che ti aspetti.

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>

Ctrl principale:

    $scope.tagList = [];

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

0 per risposta № 2

Stai chiedendo come trasferire i dati dal controller alla pagina html? Se è così, usi solo l'interpolazione angolare {{ someData }}

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