javascript - ng-repeat not outputting results -

-

i'm still new @ learning , though had right, i'm unable output fruits in first app. i'm using ng-repeat= "foods in body.fruits" output, nothing showing. ideas?

<!doctype html> <html ng-app="app">   <head>     <title>bootstrap 3</title>     <meta name="viewport" content="width=device-width, initial-scale=1.0">      <script type="text/javascript" src="angular.min.js"></script>             <script type="text/javascript" src="app.js"></script>     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mtjoasx8j1au+a5wdvnpi2lkffwweaa8hdddjzlplegxhjvme1fgjwpgmkzs7" crossorigin="anonymous">     <link href="index.css" rel="stylesheet" type="text/css">     <link rel="stylesheet" href="css/reset.css">   </head>    <body ng-controller="bodycontroller body">     <div class="navbar navbar-inverse navbar-static-top">       <div class="container">         <div class="navbar-header">           <button class="navbar-toggle" data-toggle="collapse" data-target=".navheadercollapse">             <span class="icon-bar"></span>             <span class="icon-bar"></span>             <span class="icon-bar"></span>           </button>           <a href="#" class="navbar-brand">tech site</a>         </div>         <div class="collapse navbar-collapse navheadercollapse">           <ul class="nav navbar-nav">             <li><a href="#">specs , features</a></li>             <li><a href="#">how videos</a></li>             <li class="dropdown">               <a href="#" class="dropdown-toggle" data-toggle="dropdown">social media <b class = "caret"></b></a>               <ul class="dropdown-menu ">                 <li><a href="#">twitter</a></li>                 <li><a href="#">facebook</a></li>                 <li><a href="#">google+</a></li>                 <li><a href="#">instagram</a></li>               </ul>             </li>             <li></li>           </ul>         </div>       </div>     </div>      <div class="container">             <div class="row">         <div class="col-md-2 " ></div>         <div class="col-md-8 " >         <div id="applefacts" ng-repeat= "foods in body.fruits"></div>          </div>          <div class="col-md-2 " ></div>         </div> </div>      <script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0msbjdehialfmubbqp6a4qrprq5ovfw37prr3j5elqxss1yvqotnepnhvp9aj7xs" crossorigin="anonymous"></script>   </body> </html>

app.js

(function() {      var app = angular.module('app', []);     app.controller("bodycontroller", function(){         this.foods = fruits;         });     var fruits = [         { name: 'apples', calories: 65, totalfat: '0g', saturated_fat: '0g', cholestrol: '0mg',            sodium: '1mg', totalcarbs: '17g', dietaryfiber: '3g', sugar: '13g',            protein: '0g', vitamina: '1%', vitaminc: '10%', calcium: '1%', iron: '1%'         },         { name: 'oranges', price: 5.95 },         { name: 'pineapple', price: 3.95 }     ];     })();

in app.js file, need utilize $scope module. how access properties js file in html file. like:

app.controller("bodycontroller", function($scope){ $scope.foods = fruits;

and in html:

<div id="applefacts" ng-repeat= "food in foods"> {{food.name}} </div>

and access other properties objects syntax above: {{food.calories}} or {{food.price}} etc.


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more