如何使徽章在这样的堆栈溢出标签的输入引导

我想输入/ textarea的，可允许用户添加引导badges。当用户按下空格键后，会添加一个新的badge，就像SO标签字段一样（请参见截图）。此外，每个badge都必须包含一个x图标，该图标在按下时会删除该特定的badge。如何通过bootstrap实现这一点？

来源

2017-08-07 SKG

使用此https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/。检查此codepen以及https://codepen.io/nsei/pen/zqJEOy?editors=1100 – Shiladitya

@Shiladitya谢谢，但我已经知道这一点。有没有可能实现它没有JQuery？我正在使用angular4，并希望尽可能避免使用JQuery。 – SKG

这里你去http://mbenford.github.io/ngTagsInput/ – Shiladitya

从下面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

来源

2017-08-07 10:37:44 teja

我正在使用angular4。任何angular4特定解决方案？ – SKG

如何使徽章在这样的堆栈溢出标签的输入引导

回答

相关问题