我有一个Expense
资源,可以分配一个Category
。在前端,每个类别都由一个<label>
元素表示,单击一个类别会转到API,获取子类别,然后使用与我们单击的类别相同的<label>
将其显示给用户-我使用cloneNode
然后进行操作(更改类,值等)。这个过程看起来不妙-有更好的方法吗?
cloneLabel(label_node, subcategory) {
let category_label_copy = label_node.cloneNode(true)
let radio_input = category_label_copy.firstElementChild.cloneNode()
category_label_copy.className = "btn btn-outline-primary"
radio_input.setAttribute('value', subcategory['id'])
category_label_copy.textContent = subcategory['name']
category_label_copy.appendChild(radio_input)
return category_label_copy
}