Anda mungkin melihat bahwa saya dapat mengeksekusi kebalikan dari sebuah Word dan mencetak di konsol tetapi bagaimana menerapkannya menggunakan input dan klik tombol di Angular. Terima kasih.

Berikut adalah tautan stackBlitz

Contoh kode:

function reverseLetters(str){
  let stack = [];
  for(let i=0; i<str.length; i++){
    stack.push(str[i]);
  }

  let reverseStr ='';
  while( stack.length > 0){
    reverseStr += stack.pop();
  }
  return reverseStr;
}

console.log(reverseLetters('Angular'));
0
Sudheer UI 1 Oktober 2021, 10:27

3 jawaban

Jawaban Terbaik

Tambahkan tombol dan bidang input sebagai

<input type="text" [(ngModel)]="inputText" />

<button (click)="handleReverse()">Reverse</button>

{{ reversedInput }}

Di tS, reversedInput akan berisi string terbalik Anda

  inputText = null;
  reversedInput = null;

  handleReverse() {
    this.reversedInput = this.reverseLetters(this.inputText);
  }

  reverseLetters(str) {
    let stack = [];
    for (let i = 0; i < str.length; i++) {
      stack.push(str[i]);
    }

    // stack = [...str]; shorthand to skip above for loop

    let reverseStr = '';
    while (stack.length > 0) {
      reverseStr += stack.pop();
    }
    return reverseStr;
  }

Demo Sudut

0
navnath 1 Oktober 2021, 07:59
  1. Tambahkan pengikatan dua arah ke kontrol formulir Anda dengan [(ngModel)]="yourstringvar.
  2. tambahkan acara (click) ke tombol Anda seperti <button (click)="onButtonClick()">lol</button>
  3. Buat metode onButtonClick() dan masukkan kode javascript Anda ke dalamnya.
0
IonicMan 1 Oktober 2021, 07:35
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';

import {AppRoutingModule} from './app-routing.module';
import {AppComponent} from './app.component';

import {FormsModule} from "@angular/forms";

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}
import {Component} from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'ng-inbox';
  _string: any;
  reversedString: any = '';

  reverseString() {
    let strStack: string[] = [];
    let _reverseStr: string = '';
    this._string
      .split('')
      .map((letter: string) => {
        strStack.push(letter);
      })
      .map((letter: string) => {
        this.reversedString += strStack.pop();
      });

  }
}
<input type="text" [(ngModel)]="_string">
<button (click)="reverseString()">Reverse Str</button>
<p>{{reversedString}}</p>

Saya harap kode di atas akan membantu Anda

0
Peter Csala 1 Oktober 2021, 08:09