classroom-angularjs/index7.html at master · kaings/classroom-angularjs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en" ng-app="myProj1">
  <head>
    <title>TheNetNinja Angular Playlist</title>
    <link href="content/css/styles.css" rel="stylesheet" type="text/css" />
    <script src="app\lib\angular.min.js"></script>
    <script src="app\app5.js"></script>
  </head>
  <body>

    <begin ng-include="'header6.html'"></begin>
      <div class="content">
        <div ng-controller="MyProj1Controller">
          <input type="text" ng-model="keyword" placeholder="key in search keyword"/>
          <ul>
            <li ng-repeat="sport in sports | orderBy:'name' | filter:keyword" ng-show="sport.active"> <!--ng-hide will hide the 'true' ng-show will show the 'true'-->
              {{sport.name}} price at {{sport.cost | currency:'$ '}}
            </li>
          </ul>
        </div>
      </div>
  </body>
</html>