Ionic framework 离子交换中的子串

我有一个从数据库调用的文本

这是我的控制器：

 .controller('selengkapCtrl',function($scope,$ionicHistory,$http,$stateParams){

    $scope.goBack = function(){
        $ionicHistory.goBack();
    }

    // deklarasi variable
    var id_lapangan = $stateParams.id_lapangan;
    $scope.selengkap = [];
    $http.get("http://localhost/TA2/admin/app/getUserId.php?id_lapangan="+id_lapangan).success(function(data){   
        $scope.selengkap = data;
        console.log(data);
    })
})

这是我的模板：

<ion-view ng-controllers="selengkapCtrl">
  <ion-content>
     <div class="row" ng-repeat="selengkap in selengkap">
        <p>{{selengkap.deskripsi}}</p>
    </div>
  </ion-content>
</ion-view>

{{selengkap.deskripsi}

现在。结果是这样的。 我想要的是句子切掉，文本的结果如下：

“这个词很长。如何”

因此，如果我想阅读完整的描述，我必须点击超链接文本。 如何解决这个问题？ 任何帮助都会很高兴看到它！ 谢谢

试试这个

 $http.get("http://localhost/TA2/admin/app/getUserId.php?id_lapangan="+id_lapangan).success(function(data){   
            $scope.selengkap = data;

            if ($scope.selengkap.deskripsi.length > 30) {
                                $scope.selengkap.deskripsi = $scope.selengkap.deskripsi.substr(0, 30) + ' ...';
                            }

            console.log(data);
        })

    <ion-view ng-controllers="selengkapCtrl">
      <ion-content>
         <div class="row" ng-repeat="selengkap in selengkap">
            <p>{{selengkap.deskripsi}}</p>
        </div>
      </ion-content>
    </ion-view>

        $http.get("http://localhost/TA2/admin/app/getUserId.php?id_lapangan="+id_lapangan).success(function(data){   
            $scope.selengkap = data;

            if ($scope.selengkap.deskripsi.length > 30) {
                                $scope.selengkap.sortdeskripsi = $scope.selengkap.deskripsi.substr(0, 30) + ' ...';
                            }

            console.log(data);
        })

  <ion-view ng-controllers="selengkapCtrl">
      <ion-content>
         <div class="row" ng-repeat="selengkap in selengkap">
            <p>{{selengkap.sortdeskripsi}}</p>
        </div>
      </ion-content>
    </ion-view>

$http.get（“http://localhost/TA2/admin/app/getUserId.php?id_lapangan=“+id_lapangan）.success（函数（数据）{
$scope.selengkap=数据；
如果（$scope.selengkap.deskripsi.length>30）{
$scope.selengkap.deskripsi=$scope.selengkap.deskripsi.substr（0,30）+'…'；
}
控制台日志（数据）；
})
{{selengkap.deskripsi}

$http.get（“http://localhost/TA2/admin/app/getUserId.php?id_lapangan=“+id_lapangan）.success（函数（数据）{
$scope.selengkap=数据；
如果（$scope.selengkap.deskripsi.length>30）{
$scope.selengkap.sortdeskripsi=$scope.selengkap.deskripsi.substr（0,30）+'…'；
}
控制台日志（数据）；
})
{{selengkap.sortdeskripsi}

您可以使用

<p>{{(selengkap.sortdeskripsi.length > 30) ? (selengkap.sortdeskripsi | limitTo:30) : selengkap.sortdeskripsi}}</p>

{（selengkap.sortdeskripsi.length>30）？（selengkap.sortdeskripsi | limitTo:30）：selengkap.sortdeskripsi}

难道不应该{{selengkap.sortdeskripsi | limitTo:30}

够了吗？谢谢你，伙计！它起作用了！但是我想问一下，在代码中间的“？”的函数是什么？它是有条件的（三元）算子（？）：HI。对不起，这不起作用。正如维德所说，我正在使用Limito。但我想知道这是如何运作的。