Changes between Version 21 and Version 22 of 2014/angularjs/part3


Ignore:
Timestamp:
2014-03-16 15:58:36 (8 years ago)
Author:
japekall
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • 2014/angularjs/part3

    v21 v22  
    3535Huomattavaa on, että ''$scope'' välitetään SimpleControlleriin parametrinä sisään ja tästä operaatiosta käytetään AngularJS:ssä nimitystä ''dependency injection''. Esimerkin tapauksessa - SimpleControlleria käytettäessä - $scope injektoidaan sisään ja siihen on injektoinnin jälkeen mahdollista linkittää uusia attribuutteja, tietoja, kuten esimerkissä tehdään. $scopeen linkitetään esimerkissä customers -niminen taulukko, johon on mahdollista päästä käsiksi näkymässä. 
    3636 
     37Näkymän koodiksi syötämme seuraavaa:  
     38 
     39 
     40{{{ 
     41<!DOCTYPE html> 
     42<html ng-app> 
     43        <head>Directivess, Databingins Syntax</head> 
     44        <body> 
     45                <h3>Simple a Simple Controller</h3> 
     46                <div class="container" ng-controller="SimpleController"> 
     47                <ul> 
     48                        <li data-ng-repeat="cust in customers"> 
     49                                {{cust.name}} - {{cust.city}} 
     50                        </li> 
     51                </ul> 
     52                </div> 
     53        <script src="angular.min.js"></script> 
     54        <script src="SimpleController.js"></script> 
     55        </body> 
     56</html> 
     57}}} 
     58 
     59 
    3760---- 
    3861[https://trac.cc.jyu.fi/projects/web-sovellukset/wiki/2014/angularjs/part2 Edellinen luku]