AngularJs 1.3複数の値をテキストボックスに入力して区切って

Question

タグエントリのようなテキストボックス内に複数の値を追加する方法を探しています。 私はイベントで複数のユーザーを追加することができるアプリがあります。そのテキストボックス内のタグとして追加するには、あるユーザーを入力したりクリックしたりすることができるようにしたいと考えています。最良の例は、stackoverflowタグ領域です。 提案、リソース、またはアイデアはありますか？ ありがとうございます。

PS。私は、角2で少し働いてきたと私は、ベンダーが提供する何かがあったことを覚えていますが、あなたがng-list directiveでの角度のビルドを使用することができますangularjs

Answer 1

のための同様のものを見つけることができませんでした：

angular.module("app",[]) 
 
    .controller("myCtrl",function($scope){ 
 
    $scope.tags = ["some tag", "some other tag"]; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="myCtrl"> 
 
    <input ng-model="tags" ng-list /> 
 
    <ul> 
 
    <li ng-repeat="tag in tags">{{ tag }}</li> 
 
    </ul> 
 
</div>

Answer 2

お試しくださいngTagsInput： AngularJSの入力欄です。ここでのコードサンプルは次のとおりです。

<tags-input ng-model="tags"></tags-input> 
<p>Model: {{tags}}</p> 

そして、あなたはそれがあなたは[ `NG-list`ディレクティブ]を使用することができますthis plunker