0
私はブートストラップ入力タグオートコンプリートhttps://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/を使用していますが、プラグインしようとしていますが機能しません。ブートストラップ入力タグオートコンプリートの使い方
prefetch: {
url: 'assets/citynames.json',
filter: function(list) {
return $.map(list, function(cityname) {
return { name: cityname }; });
}}
ご注意： は、ここで私はあなたが都市のリストをプリフェッチ先行入力コードが欠落していると思うので、既存のプリフェッチ・コードの代わりにこのコードを使用して私のコード
<script src="dist/bootstrap-tagsinput.js"></script>
<link rel="stylesheet" href="dist/bootstrap-tagsinput.css">
<title>Untitled Document</title>
<body>
<input type="text" />
<script>
var cities = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('text'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
prefetch: 'assets/cities.json'
});
cities.initialize();
var elt = $('input');
elt.tagsinput({
tagClass: function(item) {
switch (item.continent) {
case 'Europe' : return 'label label-primary';
case 'America' : return 'label label-danger label-important';
case 'Australia': return 'label label-success';
case 'Africa' : return 'label label-default';
case 'Asia' : return 'label label-warning';
}
},
itemValue: 'value',
itemText: 'text',
typeaheadjs: {
name: 'cities',
displayKey: 'text',
source: cities.ttAdapter()
}
});
elt.tagsinput('add', { "value": 1 , "text": "Amsterdam" , "continent": "Europe" });
elt.tagsinput('add', { "value": 4 , "text": "Washington" , "continent": "America" });
elt.tagsinput('add', { "value": 7 , "text": "Sydney" , "continent": "Australia" });
elt.tagsinput('add', { "value": 10, "text": "Beijing" , "continent": "Asia" });
elt.tagsinput('add', { "value": 13, "text": "Cairo" , "continent": "Africa" });
</script>
</body>
</html>
[angle-ui-bootstrap]タグはこれにどのように関連していますか？ – svarog