简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > H5 Tutorial > body text

of-model of-show

巴扎黑
Release： 2017-06-23 14:45:37
Original
2017 people have browsed it
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js?1.1.10"></script>
</head>
<body ng-app="">

 HTML: <input type="checkbox" ng-model="myVar">
{{myVar}}
<div ng-show="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

</body>
</html>
Copy after login

The ng-show directive displays the specified HTML element when the expression is true, otherwise it hides the specified HTML element.

Syntax

All HTML elements support this directive.

　

The above is the detailed content of of-model of-show. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
ng-model ng-show
source：php.cn
Previous article：How to use Less and Sass framework? Next article：Introduction to WEB front-end standard naming
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
vue vee-validate captures the problem of date picker selection The v-model binding on my datepicker field is not working properly. When you make a select...
From 2024-04-06 11:38:56
0
1
510
General error in Laravel 9.x: Field 'id' has no default value I'm using UUIDs in my app and I've implemented the trait as shown online like this: traitU...
From 2024-04-06 11:12:54
0
1
350
How to know when a Vue component is fully initialized? So, in my Vue component, I have an async created method and several variables with async w...
From 2024-04-05 14:20:24
0
1
1442
Pass v-model email value to method Hi, I'm trying to pass v-model on the input to try and send the email to reset the validat...
From 2024-04-05 10:04:40
0
1
405
Angular 7 remove duplicate attributes in SCSS AngularSASS (.scss) strips properties. How do I prevent this from happening so I can embed...
From 2024-04-04 23:28:54
0
1
1382
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！