如何从AngularJS中的div获取数据

时间:2016-01-04 16:22:30

标签: html angularjs controller

我使用输入文本将文本放入div中。当我在输入中写入内容并按Enter键时,输入字段中的文本将添加到下面的div中,通常,应在控制器中使用新值更新数组。我不知道如何从控制器中获取添加到div的元素文本列表。

我正在尝试使用ng-model在我的div上使用属性n-change,但它不起作用。

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

2 个答案:

答案 0 :(得分:1)

如果这是您所期望的,您可以像下面这样做。

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 = '';
    }

答案 1 :(得分:0)

您是否在询问如何从控制器获取数据到html页面?如果是这样,您只需使用角度插值# original value # nearest number in double-precision encoding 893800399235546485 -> 893800399235546600 893800399235546490 -> 893800399235546600

{{ someData }}