Question

如果超过25个字符，我必须限制标签中的字符串长度，并通过使其成为超链接在模式弹出窗口中显示整个字符串。像这样的东西：如果我的字符串是“Abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz”，则应显示为：

标签：Abcdefghijklmnopqrstuvwxy

我刚刚在我的示例中给了www.google.com一个超链接，但我想要的是一个模态弹出窗口应该打开整个文本。

我使用此指令来限制长度：http://itsolutionstuff.com/post/angularjs-how-to-limit-string-length-using-filterexample.html。

var app = angular.module('myApp', []);
app.filter('limitChar', function () {
    return function (content, length, tail) {
    if (isNaN(length))
        length = 25; 

    if (tail === undefined)
        tail = "...";

    if (content.length <= length || content.length - tail.length <= length)  {
        return content;
    }

    else {
        return String(content).substring(0, length-tail.length) + tail;
    }
};
});

`

我正在尝试将“tail”作为超链接打开模式弹出窗口，我可以在其中显示整个文本。我尝试了以下几点：

if (tail === undefined) {
 $sce.myHTML = $sce.trustAsHtml('<a href="#" ng-click="showFullWord(content)">(more)</a>');
        tail = $sce.myHTML;
}

我的功能是

$scope.showFullWord = function (content) {
        $('#displayModal').modal('show');
        $scope.value = content;
    }

显然不起作用。有人可以告诉我如何继续这样做。

将字符串限制为固定长度并在模态弹出窗口中打开剩余字符串（Angularjs）

0 个答案: