0

I am trying to hide the scrollbar on select if my array has a length of less than 5. I have tried using the CSS styling below but it has no effect on the scrollbar

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

user4756836
  • 1,277
  • 4
  • 20
  • 47

1 Answers1

0

you have to write Quotation marks outside of the angular expression to execute properly because you write inside curly braces it's an javascript object notation which means to execute properly it needs to be in quotation marks as key as value like this because your angular version is 1.0 in this version you have to write like this , but you can import 1.5 newest 1x version of angular and leave it as you have written or write just like this it's just an angular version problem

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

here is the working example