angularjs_dom_ng-show

by Nguyen Van Giang

HTML

<title>AngularJS DOM</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<body>
    <div ng-app="">

    <p ng-show="true">I am visible.</p>

    <p ng-show="false">I am not visible.</p>

    </div>
    <div ng-app="" ng-init="hour=13">

    <p ng-show="hour > 12">I am visible.</p>

    </div>
</body>

CSS

table, th , td  {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}
table tr:nth-child(odd)	{
  background-color: #f1f1f1;
}
table tr:nth-child(even) {
  background-color: #ffffff;
}