html - 如果数组大小小于 5，则隐藏滚动条

Question

如果我的数组长度小于 5，我会尝试在选择时隐藏滚动条。我尝试使用下面的 CSS 样式，但它对滚动条没有影响

CSS:

.no-scroll::-webkit-scrollbar {
  display: none;
}
.no-scroll::-moz-scrollbar {
  display: none;
}
.no-scroll::-o-scrollbar {
  display: none;
}
.no-scroll::-google-ms-scrollbar {
  display: none;
}
.no-scroll::-khtml-scrollbar {
  display: none;
}

HTML:

JSFiddle Demo

Answer 1

你必须在 Angular 表达式之外写引号才能正确执行，因为你在花括号内写它是一个 javascript 对象表示法，这意味着要正确执行它需要在引号中作为键作为值，因为你的 Angular 版本在这个版本中是 1.0 你必须这样写，但是你可以导入 1.5 最新的 1x 版本的 angular 并将它保留为你所写的或者像这样写它只是一个 Angular 版本问题

{'no-scroll': 'colors.length < 5'}

here is the working example