gpt4 book ai didi

javascript - 分隔包含逗号的字段

转载 作者:行者123 更新时间:2023-12-02 15:44:12 24 4
gpt4 key购买 nike

使用handlebars.js 和 Behance API - {{user.sections.[availability]}} 输出 - 全职、契约(Contract)、搬迁

我希望将每个逗号分隔的单词输出作为其项目,类似于以下内容:

<ul>
<li>Full-Time</li>
<li>Contract</li>
<li>Relocation</li>
</ul>

这会包含一些 Javascript 或 #each 语句吗?如果是这样,有人可以指导我找到有帮助的解决方案或片段吗?

<小时/>

对于那些询问的人...这是我当前的 javascript 代码和 HTML。

(function() {
var behanceUserAPI = 'http://www.behance.net/v2/users/' + userID + '?callback=?&api_key=' + apiKey;
function setUserTemplate() {
var userData = JSON.parse(sessionStorage.getItem('behanceUser')),
getTemplate = $('#user').html(),
template = Handlebars.compile(getTemplate),
result = template(userData);
$('body').html(result);
// AUTO-TIME GREETING + COPYRIGHT -----------------------------------------
var date = new Date();
var time = date.getHours();
var greeting = "";
if (time < 12) {
greeting = "Morning";
} else if ((time >= 12) && (time < 19)) {
greeting = "Howdy";
} else {
greeting = "Evening";
}
document.getElementById("greeting").innerHTML = greeting;
document.getElementById("auto-year").innerHTML = "Copyright &copy; " + date.getFullYear();
}
if (sessionStorage.getItem('behanceUser')) {
setUserTemplate();
} else {
$.getJSON(behanceUserAPI, function(user) {
var data = JSON.stringify(user);
sessionStorage.setItem('behanceUser', data);
setUserTemplate();
});
}
})();

<ul class="availability">
{{#splitSTring user.sections.[Availability] delimiter=", "}}
<li><i class="icon-check twentytwo color"></i><span>{{this}}</span> </li>
{{/splitString}}
</ul>

最佳答案

根据实际问题进行编辑:

您需要获取该字段并将其转换为数组。所以类似

var availabilities = user.sections.availability.split(',');

//send availabilities to template

然后在模板中您可以将其打印为:

{{#each availabilities as |time|}}
<li>{{time}}</li>
{{/each}}

或者正如 @isherwood 建议的那样,您可以注册一个 HandleBars 助手来为您执行此操作。

关于javascript - 分隔包含逗号的字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32356427/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com