javascript - ng-click を使用してコンテンツを切り替える

Question

文字列の配列をループする次のクエリがありますwikiContent。More配列から最初の 3 つの値 (文) を表示したら、それをクリックすると残りの文が表示されるというリンクを追加します。

これが私が持っているものです（これはをAJAX使用したリクエスト内にあります$http）：

var opt = "<span>";
for(var j = 0; j < wikiContent.length; j++){
    opt += wikiContent[j];
    if(j === 2){
        opt += "</span><span ng-hide='!show'>";
    }
}
opt += " ... <a href=\"\" ng-click='show=!show'>More</a>";
opt += "</span>";

$rootScope.text = opt;

をクリックするとMore、次の 2 つのことが行われます。

• ページをリロードします。
• テキストを切り替えません

これらの問題の両方を修正するにはどうすればよいですか?

HTMLは次のとおりです。

<div class="panel-body" ng-bind-html="toHtml(text)"></div>

toHtml()関数は次のとおりです。

$scope.toHtml = function(string){
    return $sce.trustAsHtml(string);
};