मेरे पास निम्न टाइपस्क्रिप्ट है।

यह उस उद्धरण को यादृच्छिक बनाना है जो उपयोगकर्ता इनपुट करता है

quoteReady: boolean = false;

randomizQuote(array);

{
  this.quoteReady = true;

  this.quote = array;

  for (var i = array.length - 1; i > 0; i--) {
    var j = Math.floor(Math.random() * (i + 1));
    var temp = array[i];
    array[i] = array[j];
    array[j] = temp;
  }
}

2. और यह वही है जो मैंने एचटीएमएल में रखा है और मैं जो करना चाहता हूं वह यादृच्छिक उद्धरण लेना है और प्रत्येक तालिका में 2 से 3 अक्षर डालना है

<section *ngIf="quoteReady">
  <table class="table table-bordered table-hover table-responsive">
    <thead>
      <td>
        <tr *ngFor="let quo of quote">{{ citation }}</tr> //i want to insert a
        randome 2 to 3 //letters from the quote here
      </td>

      <td>
        <tr *ngFor="let quo of quote">{{ array }}</tr>
      </td>

      <td>
        <tr *ngFor="let quo of quote">{{ array }}</tr>
      </td>

      <td>
        <tr *ngFor="let quo of quote">{{ array }}</tr>
      </td>

      <td>
        <tr *ngFor="let quo of quote">{{ array }}</tr>
      </td>
    </thead>
  </table>
</section>

तो, मुझे यकीन नहीं है कि यह आउटपुट क्यों नहीं दे रहा है।

1
Karim 26 सितंबर 2020, 19:02

1 उत्तर

सबसे बढ़िया उत्तर

इस उत्तर पर आधारित

आप अपने ts में कर सकते हैं

import { Component, VERSION, OnInit} from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
randomQuote = [];
numberOfLetters = 3
quote = "abcdefghijklmonopqrstuwxyz".split('');
quoteIndexes = {}

 ngOnInit(){
  while (this.randomQuote.length < this.numberOfLetters){
    let index = -1;
    do {
      index = Math.floor(Math.random() * this.quote.length);
      this.quoteIndexes[index] = true;
    } while (!(index in this.quoteIndexes))
    this.randomQuote.push(this.quote[index]);
  }
 }
}

फिर

<td>
  <tr *ngFor='let letter of randomQuote'>{{letter}}</tr>
</td>

यहां आपको पूरी तरह से उद्धरण की लंबाई के बराबर या कम अक्षरों की आवश्यकता है, यह भी सुनिश्चित करें कि खाली उद्धरणों से बचें

स्टैकब्लिट्ज डेमो

0
JSmith 26 सितंबर 2020, 21:55