Javascript 当长度小于4时,如何隐藏类的元素?

Javascript 当长度小于4时,如何隐藏类的元素?,javascript,angularjs,Javascript,Angularjs,1,2,3,4,有一些元素,但数字5只有标点符号,所以我想隐藏它 成分 1 .{product.item1[0].ing}}:{{product.item1[0].quantity}{{product.item1[0].unit} 2 .{product.item2[0].ing}}:{{{product.item2[0].quantity}{{product.item2[0].unit} 3 .{product.item3[0].ing}}:{{{product.item3[0

1,2,3,4,有一些元素,但数字5只有标点符号,所以我想隐藏它


成分
  • 1 .{product.item1[0].ing}}:{{product.item1[0].quantity}{{product.item1[0].unit}
  • 2 .{product.item2[0].ing}}:{{{product.item2[0].quantity}{{product.item2[0].unit}
  • 3 .{product.item3[0].ing}}:{{{product.item3[0].quantity}{{product.item3[0].unit}
  • 4 .{product.item4[0].ing}}:{{product.item4[0].quantity}{{product.item4[0].unit}
  • 5 .{product.item5[0].ing}}:{{{product.item5[0].quantity}{{product.item5[0].unit}
var content=document.getElementsByClassName(“cd1”);首先,如果(content.length>1){content.style.display='none';}

然后,考虑到您的DOM和数据结构,它看起来
product.item(D)(N).ing
有时是一个空字符串,可以在JavaScript中转换为a:

函数TestCtrl($scope,product){
var vm=$scope;
vm.items=Object.key(产品);
vm.product=产品;
}
有棱角的
.module('测试',[]))
.controller('TestCtrl',TestCtrl)
.价值(“产品”{
项目1:{
ing:“葡萄酒”,
数量:75,
单位:毫升
},
项目2:{
ing:“比萨饼”,
数量:2,
单位:g
},
项目3:{
ing:“意大利面”,
数量:20,
单位:g
},
项目4:{
ing:“”,//ng show将隐藏项4
数量:1,
单位:千克
}
})
;

  • {{item.ing}}-{{item.quantity}}-{{item.unit}

  • 请在此处发布代码,而不是截图。发布代码/标记,而不是代码/标记的图片。为什么:分开:好吧,那么,你被困在哪里?你的研究结果是什么?您什么时候发现了什么?您使用的是angular 1还是angular 2?避免使用数字作为类名谢谢,那么如何判断长度(.lengthread about
    falsy values
    (链接已附)并单击
    运行代码片段
    。。。