FIDDLE

Question

我已经对AngularJS进行了一些调查，我希望在那里知道它 - 无需刷新页面，每次按下按钮时都会向div添加更多文本，使用AngularJS？我知道这可以通过文本和提交按钮来完成，但我不知道如何只用按钮来完成，这里就是一个例子。

<button>Word</button> <!-- Every time this is clicked, add 'word' to the div 'text' without refreshing -->

<div id="text" class="text">
<!-- Write word here as many times as the button is pressed -->
</div>

https://jsfiddle.net/kgmw5rqp/

Answer 1

请参阅此fiddle

您可以使用纯JavaScript执行此操作。请参阅以下JS

function addWord() {
  document.getElementById("text").innerHTML = document.getElementById("text").innerHTML + "word";
}

通过设置按钮的addWord()来调用函数onclick，如下所示

<button onclick="addWord()">Word</button>

Answer 2

使用 AngularJS ，您可以使用ng-model

FIDDLE

ng-repeat

var myApp = angular.module('myApp',[]);

myApp.controller('myCtrl', function($scope) {
    $scope.data = {
        texts : []
    }

    $scope.addText = function(text){
        $scope.data.texts.push(text)
    }   
});

<div ng-controller="myCtrl">
    <button ng-click="addText(data.text)">Add text</button>
    <input type="text" ng-model="data.text">
    <div ng-repeat="text in data.texts">{{text}}</div>
</div>

>

  struct A {
    int &a;
    int b;
  };

每次单击按钮时，都会向div添加新文本

2 个答案:

请参阅此fiddle

FIDDLE