Skip to content

Searcharticlesvideosblogsforumsinterview questionsarticles

Tech
Articles
Blogs
News
Videos
Interviews
Forums
Books
Events
- Jobs
- Stories

Article
Blog
Video
Ebook
Interview Question

Loading

Upcoming Events

23 NOV
AI Agents Conference 2026 - 3rd Edition

Our Training Programs

AI & Machine Learning
Mastering Large Language Models
Mastering Prompt Engineering
Certified Vibe Coder
Github Copilot Training
Generative AI for Beginners
n8n Automation & AI Agents Training

About Us Contact Us Privacy Policy Terms Brand Guidelines Partners C# Tutorials Consultants Ideas Report A Bug FAQs Sitemap Stories CSharp TV DB Talks Web3 Universe Jumpstart Blockchain

©2026 C# Corner.

All contents are copyright of their authors.

how to show and hide a search box by criterion

Home
Forums
TypeScript

how to show and hide a search box by criterion

Dev Teywa

8yAsked Feb 2, 2018, 9:38 AM914TypeScript

hi,

how to show and hide a search box by criterion in angular 2+

and thanks in advance

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sign in to answer this question

It is the same account you read, post and publish with — and you will come straight back to this page.

Sign in Create an account

Dev Teywa8y ago
Rupesh Kahane

i get this error
Rupesh Kahane8y ago
Refer
import { Component } from '@angular/core';

@Component({
    template: `
        <h2>ngIfh2>
        <button (click)="show=!show">{{show ? 'hide' : 'show'}}button>

        <div *ngIf="show">
            <p>
                <label><input #big type="checkbox" name="size" (change)="0" checked>Biglabel>
                <label><input #small type="checkbox" name="size" (change)="0">Smalllabel>
            p>

           <h3 *ngIf="big.checked">Big headingh3>
            <p *ngIf="small.checked">Small paragraphp>
        div>`
})
export class NgIfComponent {
    show = false;
}
Or Refer below URL
http://www.talkingdotnet.com/dont-use-hidden-attribute-angularjs-2/