AngularJs: html page with Angular and BootStrap

<!DOCTYPE html>
   <html ng-app="dietApp">
        <title>My name is John</title>
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <link rel="stylesheet" href="">
    <body ng-controller="dietCtrl as ctrl">
       <div class="container">
        <h2>{{ctrl.Summary}} (Example:{{ctrl.Dishes[0].Breakfast}})</h2>

          <table class="table table-condensed">
              <tr ng-repeat="dishes in ctrl.Dishes">


        <script src=""></script>
        <script type="application/javascript">
            var dietApp = angular.module("dietApp",[]);
            dietApp.controller("dietCtrl", [function() {
            vm = this;
            vm.Summary = "The World of Classy Meals";
            vm.Dishes = [
                {"Breakfast" : "Cornflakes", "Lunch" : "Pot Noodle", "Dinner" : "Haggis"},
                {"Breakfast" : "Porridge", "Lunch" : "McD", "Dinner" : "Lobster Thermidor"},
                {"Breakfast" : "Poached egg", "Lunch" : "Meal Deal", "Dinner" : "Pigs Trotter in vinegar"},
                {"Breakfast" : "Denny's Special", "Lunch" : "Gin and Tonic", "Dinner" : "Pasta"},




Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s