Question

我想要一个输入/ textarea，它允许用户添加bootstrap badges。当用户在某些文本后按空格键时，将添加新的badge，就像SO标记字段一样（请参见屏幕截图）。此外，每个badge都必须包含一个x图标，按下该图标后，该图标将删除该badge。如何通过bootstrap实现这一目标？

Answer 1

从github链接下载CSS文件 ng-tags-input.min和ng-tags-input 并创建如下控制器。

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

在App.js

中添加以下内容

app.controller('MainCtrl', function($scope, $http) {
  $scope.tags = [
    { text: 'Tag1' },
    { text: 'Tag2' },
    { text: 'Tag3' }
  ];
});

来源：Demo

如何在Bootstrap中创建类似堆栈溢出标记的输入中的标记

1 个答案: