Toggle Button in Angular 13
app.component.html:
<button (click)="toggle()">Toggle</button>
<h1 *ngIf="display">Toggle Button Content</h1>
app.component.ts:
display=true;
toggle()
{
this.display=!this.display;
}
Uncontrolled Component - React Js
App.js: import React , { useRef } from "react" ; import './App.css' function App () { let inputRef = useRef ( null ) let inputRef2 = useRef ( null ) function formHandle ( e ) { e . preventDefault () console . warn ( "Value of Field 1 :" , inputRef . current . value ) console . warn ( "Value of Text Field 2" , inputRef2 . current . value ) let input3 = document . getElementById ( 'input3' ). value console . warn ( "Input field 3 value : " , input3 ) } return ( <div className = "App" > <h1> UnControlled Component </h1> <form onSubmit = { formHandle } > <input type = "text" ref = { inputRef } /> <br/><br/> <input type = "text" ref = { inputRef2 } /><br/> <br/> <input type = "text" id = "input3" /><...
Comments
Post a Comment