物化芯片问题-自动完成
我一直在尝试让芯片自动完成作为一个项目的一部分工作。
我已经将代码剥离回来，以删除任何奇怪的效果和复制的代码，就像在物化站点上一样。正如所附的代码，我可以使自动完成工作的预期，但不与芯片。
我尝试过Chrome和Edge浏览器以及各种标签和类名的组合，但仍然无法使其工作。
所以现在我需要帮助！
我错过了什么？
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<div class="container" >
<!-- autocomplete from materialize web site -->
<div class="row">
<div class="col s12">
<div class="input-field col s6">
<i class="material-icons prefix">textsms</i>
<input type="text" id="autocomplete-input" class="autocomplete">
<label for="autocomplete-input">from materialize web site</label>
</div>
</div>
</div>
<!-- chip autocomplete from materialize web site -->
<div class="row">
<div class="col s6">
<div id="chips-autocomplete" class="chips chips-autocomplete " ></div>
</div>
</div>
</div> <!-- container end -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
options={"data": {"abel":null,"baker":null,"charlie":null},
"placeholder":'fred'}
console.log (options)
var autoElems = document.querySelectorAll('.autocomplete');
var attemptElems = document.getElementById("attempt");
var chipsElems = document.getElementById("chips-autocomplete");
var auto = M.Autocomplete.init(autoElems, options);
var chips = M.Chips.init(chipsElems, options);
});
</script>
</body>
</html>
共有1个答案
chips-autocomplete的数据初始化不正确。从文档中：
$('.chips-autocomplete').chips({
autocompleteOptions: {
data: {
'Apple': null,
'Microsoft': null,
'Google': null
},
limit: Infinity,
minLength: 1
}
});
与香草JS：
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.chips-autocomplete');
var instances = M.Chips.init(elems, {
autocompleteOptions: {
data: {
'Apple': null,
'Microsoft': null,
'Google': null
},
limit: Infinity,
minLength: 1
}
});
});
您只是设置data（在引号中，当不应该有引号时）。它应该是autocompleteoptions作为对象，然后是data。
-
我正在使用materialize autocomplete插件创建带有autocomplete的多个标记输入。插件工作良好，但仅用于作为预先定义的数组传递的数据。如果数据是从ajax调用传递的，则插件不会显示带有选项的下拉列表，就好像没有结果一样。有结果事实上，他们被缓存（使用缓存选项），并显示为下拉只有在重新键入搜索短语。 总而言之,autocomplete插件不会等待ajax完成其请求并交付数
-
我使用的是物化css和js，我还有jQuery。 当我在textbox中键入时(input)，每件事都能正常工作，但如果我键入某个东西，然后单击其他东西（自动完成将关闭），但它不是。就这样一直待到我删掉这段文字。 我的代码： 和js代码：
-
问题内容： 我在页面上使用AjgularJS，并想添加一个字段以使用来自jqueryui的自动完成功能，并且自动完成功能不会触发ajax调用。 我已经在没有angular的页面上测试了脚本（ng-app和ng- controller），并且效果很好，但是当我将脚本放在带有angularjs的页面上时，它停止工作。 任何想法？ jQuery脚本： 有趣的提示：当我在Chrome检查器上调用脚本时，自
-
问题内容： 我有一个简单的登录表单，除非您使用Chrome的自动完成功能，否则该表单仅适用于桃花心木。 如果您开始键入并使用自动完成功能，并且该功能会自动填充您的密码，则我的angularjs模型的密码没有任何值。 我试图通过在表单上设置属性来关闭自动填充功能，但这似乎没有任何效果。 我该怎么做：1.如果有人使用Chrome的自动完成功能，请确保我能获得价值？2.禁用Chrome的自动完成功能？
-
1.1. 芯片框图 1.1. 芯片框图 支持2/4/6/8路麦克风阵列 集成8通道ADC/I2S/PDM音频输入接口，支持模拟麦和数字麦 集成DAC/I2S音频输出接口，支持内部audio codec输出或外接audio codec输出 采用单MCU和单Cortex-A7的异步处理器架构，便于实现低功耗离线语音激活功能 内置DSP，支持降噪、AEC、Beam-forming、去混响等算法 内置NP
-
在部署一个简单的API后，mongoDB即使在API中没有任何配置也会启动。 pod中的日志错误： 此外，API配置为端口8000。