dimanche 26 juin 2016

Object created via AngularJs is not appearing on web page

Here is my code. Please tell me where am I wrong. The object dish is not shown when i load the webpage. The webpage remains blank only. I am using AngularJs.

<!DOCTYPE html>
<html lang="en" ng-app>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="hk.css">
<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://ift.tt/1JetChn">
<link rel="stylesheet" href="bootstrap-social.css">
<script src="http://ift.tt/1pD5F0p"></script>
<script src="http://ift.tt/1RY4jZJ"></script>

<div class="container">
    <div class="row info" ng-init="dish={name:'Uthapizza',
                                         image:'uthapizza.png',
                                         category:'mains',
                                         label:'hot',
                                         price:'4.99'
                                         description:'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
                                         comment:''}">
        <div class="col-md-12">
            <div class="media">
                <div class="media-left media-middle">
                    <a href="#"><img class="img-thumbnail media-object" ng-src=></a>
                </div>
                <div class="media-body">
                    <h2 class="media-heading"><span class="label label-dangerous label-xs"></span><span class="badge"></span></h2>
                    <p></p>
                </div>
            </div>
         </div>
    </div>
 </div>




Aucun commentaire:

Enregistrer un commentaire