1

Anjular.js は初めてです。私は今日学び始めたばかりなので、あなたが私を助けてくれることを願っています.

次のようなhtmlファイルがあります。

<div ng-conrtoller="add">
  <div >
    <div>{{ username }}</div>
  <div>
  <input type="text" ng-model="name">
  <button ng-click="addname">save</button>
</div>

controller.js ファイル内:

app.controller("add",function($scope)
{
    $scope.addname=function()
    {
        $scope.username=$scope.name;
    } 
});

テキストフィールドにテキストを入力して保存ボタンをクリックすると、入力したテキストが1つのdiv内に表示されます。もう一度同じことをすると、名前は置き換えられますが、以前に入力したテキストだけでなく、今後入力するテキストも表示したいと考えています。

ありがとう。

4

1 に答える 1

0 
i want to display previously entered text as well as in future enter text

配列を使用して複数のアイテムを保存し、アイテムを配列にプッシュしてngRepeatを使用できます

HTML

<div>
    <div ng-repeat="username in usernames">{{ username }}</div>
<div>
<input type="text" ng-model="name">
<button ng-click="addname()">save</button>

JS

$scope.usernames = [] ;
$scope.addname=function()      {
    $scope.usernames.push($scope.name);
    $scope.name = "";
}

Working Demo

現在、テストには固有のアイテムのみを使用しています

于 2013-10-25T12:53:03.963 に答える