有条件地修改ng-repeat中json的文本

Question

我有一个控制器从服务中获取json，并使用ng-repeat放入div。但是如果有超过20个字符，我需要更改我的文本，并在用户单击div以显示整个文本时保留原始文本。

我该怎么做？我完全陷入困境......

感谢名单。

Answer 1

如果你分享一些更好的代码，但我认为你需要的是一个过滤器。 http://docs.angularjs.org/guide/filter

在js中定义类似的东西：

filter('limitedLength', function() {
    return function(input) {
        if (input.length > 20) {
            input = input.substring(0, 19);
        }

        return input;

    }

然后在你的HTML中：

{{yourText | limitedLength}}

Answer 2

最好在控制器或模板中使用limitTo过滤器。 http://docs.angularjs.org/api/ng.filter:limitTo

根据您的需求即兴发挥的简单方法。

http://plnkr.co/edit/crBn3lZfMta1TOMv6NWS?p=preview