ng_controller and ng-controller are both valid. Per Angular documentation:
The normalization process is as follows: 1. Strip x- and data- from the front of the element/attributes. 2. Convert the :, -, or _-delimited name to camelCase. On Monday, October 19, 2015 at 3:23:13 PM UTC-4, Gregg Setzer wrote: > > Hello Jaha, > > One problem i see is invalid code. You have " ng_controller="AppCtrl"" > when it should be " ng-controller="AppCtrl"". To specify a controller, > use ng-controller with a hyphen and not an underscore. > > On Sunday, October 18, 2015 at 11:13:07 AM UTC-4, jaha taha wrote: >> >> <!DOCTYPE html> >> <html ng-app="StarterApp"> >> <head> >> >> <!-- Compiled and minified CSS --> >> <link rel="stylesheet" href=" >> https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css >> "> >> <!--Import Google Icon Font--> >> <meta charset="utf-8"> >> <!-- Site's designed for mobile --> >> <meta name="viewport" content="width=device-width, initial-scale=1.0, >> maximum-scale=1.0, user-scalable=no"/> >> >> >> <link href="http://fonts.googleapis.com/icon?family=Material+Icons"; >> rel="stylesheet"> >> <link rel="stylesheet" href="styleConsultation1.css"> >> <script src=" >> https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js >> "></script> >> <script> >> >> $scope.Commandes = >> [ >> { >> LieuCommande:"Makdhal 1", >> NomBorne:"Borne 10", >> src:"mobile.png", >> NumCommande:"1000", >> DateCommande:"14:15", >> Qte:1, >> src:"chiken.png", >> Nom:"Chiken Dhal", >> CompositionName:"sans tomate", >> } >> { >> LieuCommande:"Makdhal 1", >> NomBorne:"Borne 10", >> MobileCommandeImg:"mobile.png", >> NumCommande:"1000", >> DateCommande:"14:15", >> Qte:2, >> MenuImg:"chiken.png", >> Nom:"Chiken Dhal", >> CompositionName:"sans tomate", >> } >> { >> LieuCommande:"Makdhal 1", >> NomBorne:"Borne 10", >> MobileCommandeImg:"mobile.png", >> NumCommande:"1000", >> DateCommande:"14:15", >> Qte:5, >> MenuImg:"chiken.png", >> Nom:"Chiken Dhal", >> CompositionName:"sans tomate", >> } >> ]; >> >> }); >> </script> >> >> </head> >> <body class="ConsultationBody"> >> <div class="main"> >> >> <nav class="blue darken-2"> >> <div class="nav-wrapper"> >> <ul class="btnnav right hide-on-small-only"> >> <li class="col l6 s4"><a href="#"><i >> class="material-icons">person_pin</i></a></li> >> >> <li class="col l6 s4"><a href="#"><i >> class="material-icons">more_vert</i></a></li> >> </ul> >> <a href="#" class="brand-logo">FrenchInnov</a> >> </div> >> </nav> >> >> >> >> >> <!-- tabs --> >> <div class="tabdiv"> >> <div class="row"> >> <div class="col s6"> >> <ul class="tabs"> >> <li class="tab col s3"><a class="active" >> href="#test1">Web</a></li> >> <li class="tab col s3 "><a >> href="#test2">Livraison</a></li> >> </ul> >> </div> >> </div> >> </div> >> >> >> <div> >> >> <!-- Borne --> >> <div id="test1" class="col l8 s12"> >> <div class="CommandeMain card-panel " ng_controller="AppCtrl"> >> <div class="CommandeMainBoxItem hoverable"> >> <div class="CommandeMainBox card-content"> >> <div class="CommandeHeader"> >> <div class="DetailsCommandeHeader"> >> <div class="DetailsLieuCommande"> >> <div class="LieuCommande" >> ng-bind="Commandes.LieuCommande"></div> >> <div class="NomBorne" >> ng-bind="Commandes.NomBorne"></div> >> >> >> <a class="tooltipped" data-position="top" data-delay="20" >> data-tooltip="From Mobile" ><img class="MobileCommandeImg" >> ng-src="{{mobile.png}}"></a> >> </div> >> <div class="DetailsNumCommande"> >> <div class="NumCommande" ><span >> ng-bind="Commandes.NumCommande"></span></div> >> <div class="DateCommande" ><span >> ng-bind="Commandes.DateCommande"></span></div> >> >> </div> >> >> >> >> </div> >> >> >> </div> >> <div class="DetailsCommandeContent"> >> <div class="DetailsCommande"> >> <div> >> <span class="Qte" ng-bind="Commandes.Qte"></span> >> <img class="MenuImg" ng-src="{{chiken.jpg}}"> >> <span class="Nom" ng-bind="Commandes.Nom"></span> >> </div> >> <div class="CompositionName"> >> <span ng-bind="Commandes.CompositionName"></span> >> </div> >> </div> >> <div class="line-separator"></div> >> >> </div> >> </div> >> >> >> </div> >> >> </div> >> >> >> </div> >> >> >> <!-- Livraison --> >> >> </div> >> >> </div> >> >> <!-- Compiled and minified JavaScript --> >> <script type="text/javascript" src=" >> https://code.jquery.com/jquery-2.1.1.min.js";></script> >> <script src=" >> https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js >> "></script> >> >> >> </body> >> </html> >> > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
