Jump to content

Angular

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by 175.157.112.99 (talk) at 09:11, 31 May 2018 (Front end for web app). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

Angular may refer to:

Anatomy

Other uses

See also

web app

<html ng-app="myApp"> <head>

   <title>BookStore</title>
   <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
   <link rel="stylesheet" href="css/style.css">

</head> <body> <nav class="navbar navbar-default">

</nav>

<script src="/bower_components/jquery/dist/jquery.js"></script> <script src="/bower_components/angular/angular.js"></script> <script src="/bower_components/angular-route/angular-route.js"></script> <script src="/bower_components/bootstrap/dist/js/bootstrap.js"></script> <script src="/app.js"></script> <script src="/controllers/books.js"></script> <script src="/controllers/genres.js"></script> </body> </html>

<checkkkk></checkkkk>

   a href="#/books">Go Back</a>

Add Book

                   <form ng-submit="addBook()">
                           <label>Title</label>
                           <input type="text" class="form-control" ng-model="book.title" placeholder="Title">
                           <label>Genre</label>
                           <select ng-model="book.genre" class="form-control">
                               <option value="Suspense">Suspense</option>
                               <option value="Drama">Drama</option>
                               <option value="Romance">Romance</option>
                               <option value="NonFiction">NonFiction</option>
                               <option value="Other">Other</option>
                           </select>
                           <label>Author</label>
                           <input type="text" class="form-control" ng-model="book.author" placeholder="Author">
                           <label>Publisher</label>
                           <input type="text" class="form-control" ng-model="book.publisher" placeholder="Publisher">
                           <label>Pages</label>
                           <input type="text" class="form-control" ng-model="book.pages" placeholder="Pages">
                           <label>Description</label>
                           <textarea class="form-control" ng-model="book.description" placeholder="Description"></textarea>
                           <label>Image URL</label>
                           <input type="text" class="form-control" ng-model="book.image_url" placeholder="Image URL">
                           <label>Buy URL</label>
                           <input type="text" class="form-control" ng-model="book.buy_url" placeholder="Buy URL">
                       <button type="submit" class="btn btn-default">Submit</button>
                   </form>


<checkkkk></checkkkk>

a href="#/books">Go Back</a>

Template:Book.description

               <a target="_blank" href="Template:Book.buy url" class="btn btn-primary">Buy on Amazon</a>
   <a href="#/books/edit/Template:Book. id">Edit</a> |  <a href="#" ng-click="removeBook(book._id)">Delete</a>

<checkkkk></checkkkk>

Latest Books

Template:Book.description

                       a class="btn btn-primary" href="#/books/details/Template:Book. id">View Details</a>
                       <img class="thumbnail" src="Template:Book.image url">

<checkkkk></checkkkk>

a href="#/books">Go Back</a>

Edit Book

               <form ng-submit="updateBook()" ng-init="getBook()">
                       <label>Title</label>
                       <input type="text" class="form-control" ng-model="book.title" placeholder="Title">
                       <label>Genre</label>
                       <select ng-model="book.genre" class="form-control">
                           <option value="Suspense">Suspense</option>
                           <option value="Drama">Drama</option>
                           <option value="Romance">Romance</option>
                           <option value="NonFiction">NonFiction</option>
                           <option value="Other">Other</option>
                       </select>
                       <label>Author</label>
                       <input type="text" class="form-control" ng-model="book.author" placeholder="Author">
                       <label>Publisher</label>
                       <input type="text" class="form-control" ng-model="book.publisher" placeholder="Publisher">
                       <label>Pages</label>
                       <input type="text" class="form-control" ng-model="book.pages" placeholder="Pages">
                       <label>Description</label>
                       <textarea class="form-control" ng-model="book.description" placeholder="Description"></textarea>
                       <label>Image URL</label>
                       <input type="text" class="form-control" ng-model="book.image_url" placeholder="Image URL">
                       <label>Buy URL</label>
                       <input type="text" class="form-control" ng-model="book.buy_url" placeholder="Buy URL">
                   <button type="submit" class="btn btn-default">Submit</button>
               </form>