在模板中输出lorem ipsum文本的角函数

Question

我希望在模板中输入随机占位符文本。目前，我只是认为过滤器适合该法案。因此我写了这样的东西：

angular.module('web')
.filter('lorem', function(){
  var json = [
    //..data
  ];
  return function(_, ord) {
    var index = Math.floor(Math.random() * 10);
    console.log('Index1:', index);
    if (index >= json.length) {
      index = json.length - 1;
    }
    console.log('Index2:', index);
    return json[index][ord];
  }
});

这是模板中如何消耗其消耗的示例：

{{'' | lorem:'text1' }}

plunk：http：//plnkr.co/edit/ul4aaymmbwkc8ofq00fo?p=preview

有更好的方法吗？

Answer 1

您可以执行此操作。它更具动态性。您可以在<li>中指定所需的文本数。

index.html

 <li ng-repeat="i in FinalJson">
    {{ i }}
  </li>

app.js

    var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.list = Array.apply(null, {length: 5}).map(Number.call, Number);
  console.log($scope.list);
   var json = [
    "ut commodo do",
    "ad amet reprehenderit officia pariatur deserunt magna",
    "pariatur culpa do",
    "do tempor laboris adipisicing est aliquip deserunt cillum occaecat culpa eu irure",
    "reprehenderit duis magna cillum veniam aute",
    "veniam nisi labore",
    "deserunt id nulla",
    "amet amet laborum laboris enim",
    "occaecat ullamco excepteur sit et",
    "laborum ut id"
  ];
  $scope.requiredText=5;
  var requiredText=5;
  var length = json.length;
  $scope.FinalJson=[];
  for(i=0;i<length;i++){
    var index = Math.floor(Math.random() * length);
    if($scope.FinalJson.indexOf(json[index])==-1){
       $scope.FinalJson.push(json[index]);
    }
   if($scope.FinalJson.length==$scope.requiredText){
     break;
   }
 }
});

无需为此做一个额外的过滤器。这应该很好。