第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

顯示對象模板角度,計算重復(fù)單詞的數(shù)量

顯示對象模板角度,計算重復(fù)單詞的數(shù)量

溫溫醬 2022-06-09 10:38:28
我想顯示 Object wordCounts,它存儲一系列單詞,其值是一個單詞在字符串中重復(fù)的次數(shù),發(fā)生的情況是我想按該單詞的重復(fù)次數(shù)按順序顯示該變量有,我只想顯示 20 個重復(fù)次數(shù)最多的單詞。我遇到的主要問題是,就我的代碼而言,它返回一個 JSON,這不允許我放入一個 div 來給它一個樣式。項目詳情.tsgetWordCount(str) {let arrayOfWords = str.split(/\s+/);var wordCounts = Object.create(null);for(let i = 0; i<arrayOfWords.length; i++){  let word = arrayOfWords[i];  if(!wordCounts[word]){    wordCounts[word] = 1;  }else{    wordCounts[word] ++;  }}    return wordCounts;  };項目詳細(xì)信息.html <p>{{getWordCount(str) | keyvalue | json}}</p>表示[ { "key": "También", "value": 1 }, { "key": "Un", "value": 1 }, { "key": "algoritmo", "value": 1 }, { "key": "aunque", "value": 1 }, { "key": "caracteres", "value": 1 }, { "key": "cifrado", "value": 1 }, { "key": "codificados", "value": 1 }, { "key": "composición", "value": 2 }, { "key": "cualquier", "value": 1 }, { "key": "de", "value": 5 }, { "key": "descifrado", "value": 1 }, { "key": "destinatario", "value": 1 }, { "key": "en", "value": 1 }, { "key": "es", "value": 2 }, { "key": "escritura", "value": 1 }, { "key": "forma", "value": 1 }, { "key": "generados", "value": 1 }, { "key": "imprimibles", "value": 1 }, { "key": "no", "value": 1 }, { "key": "original.", "value": 1 }, { "key": "para", "value": 1 }, { "key": "persona,", "value": 1 }, { "key": "por", "value": 2 }, { "key": "puede", "value": 1 }, { "key": "que", "value": 1 }, { "key": "que,", "value": 1 }, { "key": "sentido", "value": 1 }, { "key": "sentido.", "value": 1 }, { "key": "ser", "value": 1 }, { "key": "signos", "value": 1 }, { "key": "sistema", "value": 1 }, { "key": "su", "value": 1 }, { "key": "sí", "value": 1 }, { "key": "texto", "value": 1 }, { "key": "tienen", "value": 1 }, { "key": "un", "value": 2 }, { "key": "una", "value": 3 }, { "key": "unidad", "value": 1 } ]結(jié)果我不能給它任何風(fēng)格。
查看完整描述

2 回答

?
慕田峪4524236

TA貢獻1875條經(jīng)驗 獲得超5個贊

您可以將值分配給變量,刪除json管道并直接在 HTML 中循環(huán)值。嘗試以下


控制器


export class WordComponent {

  wordCount: any;


  getWordCount(str) {

    let arrayOfWords = str.split(/\s+/);

    let wordCounts = Object.create(null);


    for(let i = 0; i < arrayOfWords.length - 1; i++){

      let word = arrayOfWords[i];

      wordCounts[word] ? wordCounts[word]++ : wordCounts[word] = 1;

    }


    return wordCounts;  

  };


  onMouseUp(str: string) {

    this.wordCount = this.getWordCount(str);

  }

}

模板


<button (mouseup)="onMouseUp('str')">Get word count</button>


<ng-container *ngIf="wordCount">

  <p class="style" *ngFor="let word of wordCount | keyvalue">{{ word.key }} : {{ word.value }}</p>

</ng-container>

然后,您可以根據(jù)需要修改和渲染。還要注意循環(huán)條件應(yīng)該是arrayOfWords.length - 1因為索引從零開始。


查看完整回答
反對 回復(fù) 2022-06-09
?
至尊寶的傳說

TA貢獻1789條經(jīng)驗 獲得超10個贊

聽起來您需要一個ShowWordCounts組件,它將您的對象作為一個@Input并生成相應(yīng)的模板。



查看完整回答
反對 回復(fù) 2022-06-09
  • 2 回答
  • 0 關(guān)注
  • 147 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號