How to make the text received through foreach shorter?

Question

JavaScript

How to make the text received through foreach shorter?
Here is the function:

$scope.minifyText = function (text, length) {
        return text.slice(0, text.indexOf(' ', length)) + '...';
    }

It is necessary for example:
{{ market_name }}
to deduce through this function is shorter.

Answer 1

var maxlength = 20;
$scope.cutString = function (text) {
  if (text && text.length > maxlength) {
    return text.substring(maxlength) + '...';
  }
  return text;
};

Answer 2

a {
    display:block;
}

Answer 3

Your question is not entirely clear. Maybe this?

li {
    cursor: pointer;
}

Answer 4

I'm not much of an expert, but still...

<ul id="navigation">
                <li><a href="1.html" class="button">1</a></li>
                <li><a href="2.html" class="button">2</a></li>
                <li><a href="3.html" class="button">3</a></li>
            </ul>

And here is the CSS:

.button {
    user-select: none;
    display: block;
    color: inherit;
    text-decoration: none
}