1- <!doctype html>
2- < html >
1+ <!DOCTYPE html>
2+ < html lang =" en-us " >
33 < head >
4- < meta charset ="utf-8 ">
5- < meta http-equiv ="X-UA-Compatible " content ="chrome=1 ">
4+ < meta charset ="UTF-8 ">
65 < title > Js-data-angular by js-data</ title >
7-
8- < link rel ="stylesheet " href ="stylesheets/styles.css ">
9- < link rel ="stylesheet " href ="stylesheets/pygment_trac.css ">
10- < meta name ="viewport " content ="width=device-width, initial-scale=1, user-scalable=no ">
11- <!--[if lt IE 9]>
12- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
13- <![endif]-->
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
7+ < link rel ="stylesheet " type ="text/css " href ="stylesheets/normalize.css " media ="screen ">
8+ < link href ='http://fonts.googleapis.com/css?family=Open+Sans:400,700 ' rel ='stylesheet ' type ='text/css '>
9+ < link rel ="stylesheet " type ="text/css " href ="stylesheets/stylesheet.css " media ="screen ">
10+ < link rel ="stylesheet " type ="text/css " href ="stylesheets/github-light.css " media ="screen ">
1411 </ head >
1512 < body >
16- < div class ="wrapper ">
17- < header >
18- < h1 > Js-data-angular</ h1 >
19- < p > Angular wrapper for js-data</ p >
20-
21- < p class ="view "> < a href ="https://github.com/js-data/js-data-angular "> View the Project on GitHub < small > js-data/js-data-angular</ small > </ a > </ p >
13+ < section class ="page-header ">
14+ < h1 class ="project-name "> Js-data-angular</ h1 >
15+ < h2 class ="project-tagline "> Angular wrapper for js-data</ h2 >
16+ < a href ="https://github.com/js-data/js-data-angular " class ="btn "> View on GitHub</ a >
17+ < a href ="https://github.com/js-data/js-data-angular/zipball/master " class ="btn "> Download .zip</ a >
18+ < a href ="https://github.com/js-data/js-data-angular/tarball/master " class ="btn "> Download .tar.gz</ a >
19+ </ section >
2220
23-
24- < ul >
25- < li > < a href ="https://github.com/js-data/js-data-angular/zipball/master "> Download < strong > ZIP File</ strong > </ a > </ li >
26- < li > < a href ="https://github.com/js-data/js-data-angular/tarball/master "> Download < strong > TAR Ball</ strong > </ a > </ li >
27- < li > < a href ="https://github.com/js-data/js-data-angular "> View On < strong > GitHub</ strong > </ a > </ li >
28- </ ul >
29- </ header >
30- < section >
31- < p > < img src ="https://raw.githubusercontent.com/js-data/js-data/master/js-data.png " alt ="js-data logo " title ="js-data " align ="right " width ="64 " height ="64 "> </ p >
21+ < section class ="main-content ">
22+ < p > < img src ="https://raw.githubusercontent.com/js-data/js-data/master/js-data.png " alt ="js-data logo " title ="js-data " align ="right " width ="64 " height ="64 "> </ p >
3223
3324< h2 >
3425< a id ="js-data-angular----- " class ="anchor " href ="#js-data-angular----- " aria-hidden ="true "> < span class ="octicon octicon-link "> </ span > </ a > js-data-angular < a href ="https://www.npmjs.org/package/js-data-angular "> < img src ="https://img.shields.io/bower/v/js-data-angular.svg?style=flat-square " alt ="bower version "> </ a > < a href ="https://www.npmjs.org/package/js-data-angular "> < img src ="https://img.shields.io/npm/v/js-data-angular.svg?style=flat-square " alt ="npm version "> </ a > < a href ="https://circleci.com/gh/js-data/js-data-angular/tree/master "> < img src ="https://img.shields.io/circleci/project/js-data/js-data-angular/master.svg?style=flat-square " alt ="Circle CI "> </ a > < a href ="https://www.npmjs.org/package/js-data-angular "> < img src ="https://img.shields.io/npm/dm/js-data-angular.svg?style=flat-square " alt ="npm downloads "> </ a > < a href ="https://github.com/js-data/js-data-angular/blob/master/LICENSE "> < img src ="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square " alt ="License "> </ a >
9788
9889< p > Load < code > js-data-angular.js</ code > after < code > js-data.js</ code > .</ p >
9990
100- < div class ="highlight highlight-js "> < pre > angular.module(< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > myApp< span class ="pl-pds "> '</ span > </ span > , [< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > js-data< span class ="pl-pds "> '</ span > </ span > ]);</ pre > </ div >
91+ < div class ="highlight highlight-js "> < pre > angular.module(< span class ="pl-s "> < span class ="pl-pds "> '</ span > myApp< span class ="pl-pds "> '</ span > </ span > , [< span class ="pl-s "> < span class ="pl-pds "> '</ span > js-data< span class ="pl-pds "> '</ span > </ span > ]);</ pre > </ div >
10192
102- < div class ="highlight highlight-js "> < pre > angular.module(< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > myApp< span class ="pl-pds "> '</ span > </ span > ).factory(< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > Post< span class ="pl-pds "> '</ span > </ span > , < span class ="pl-st "> function</ span > (< span class ="pl-vpf "> DS</ span > ) {
103- < span class ="pl-k "> return</ span > DS.defineResource(< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > post< span class ="pl-pds "> '</ span > </ span > );
93+ < div class ="highlight highlight-js "> < pre > angular.module(< span class ="pl-s "> < span class ="pl-pds "> '</ span > myApp< span class ="pl-pds "> '</ span > </ span > ).factory(< span class ="pl-s "> < span class ="pl-pds "> '</ span > Post< span class ="pl-pds "> '</ span > </ span > , < span class ="pl-k "> function</ span > (< span class ="pl-smi "> DS</ span > ) {
94+ < span class ="pl-k "> return</ span > DS.defineResource(< span class ="pl-s "> < span class ="pl-pds "> '</ span > post< span class ="pl-pds "> '</ span > </ span > );
10495});
105- angular.module(< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > myApp< span class ="pl-pds "> '</ span > </ span > ).factory(< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > Comment< span class ="pl-pds "> '</ span > </ span > , < span class ="pl-st "> function</ span > (< span class ="pl-vpf "> DS</ span > ) {
106- < span class ="pl-k "> return</ span > DS.defineResource(< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > comment< span class ="pl-pds "> '</ span > </ span > );
96+ angular.module(< span class ="pl-s "> < span class ="pl-pds "> '</ span > myApp< span class ="pl-pds "> '</ span > </ span > ).factory(< span class ="pl-s "> < span class ="pl-pds "> '</ span > Comment< span class ="pl-pds "> '</ span > </ span > , < span class ="pl-k "> function</ span > (< span class ="pl-smi "> DS</ span > ) {
97+ < span class ="pl-k "> return</ span > DS.defineResource(< span class ="pl-s "> < span class ="pl-pds "> '</ span > comment< span class ="pl-pds "> '</ span > </ span > );
10798});</ pre > </ div >
10899
109- < div class ="highlight highlight-js "> < pre > app.controller(< span class ="pl-s1 "> < span class ="pl-pds "> '</ span > postCtrl< span class ="pl-pds "> '</ span > </ span > , < span class ="pl-st "> function</ span > (< span class ="pl-vpf "> $scope</ span > , < span class ="pl-vpf "> $routeParams</ span > , < span class ="pl-vpf "> Post</ span > , < span class ="pl-vpf "> Comment</ span > ) {
100+ < div class ="highlight highlight-js "> < pre > app.controller(< span class ="pl-s "> < span class ="pl-pds "> '</ span > postCtrl< span class ="pl-pds "> '</ span > </ span > , < span class ="pl-k "> function</ span > (< span class ="pl-smi "> $scope</ span > , < span class ="pl-smi "> $routeParams</ span > , < span class ="pl-smi "> Post</ span > , < span class ="pl-smi "> Comment</ span > ) {
110101 < span class ="pl-c "> // it's up to your server to know how to interpret this query</ span >
111102 < span class ="pl-c "> // or you can teach js-data how to understand your servers' query language</ span >
112- < span class ="pl-s "> var</ span > query < span class ="pl-k "> =</ span > {
113- postId< span class ="pl-k "> :</ span > $routeParams.< span class ="pl-sc "> id</ span >
103+ < span class ="pl-k "> var</ span > query < span class ="pl-k "> =</ span > {
104+ postId< span class ="pl-k "> :</ span > $routeParams.< span class ="pl-c1 "> id</ span >
114105 };
115106
116- Post.< span class ="pl-s3 "> find</ span > ($routeParams.< span class ="pl-sc "> id</ span > );
107+ Post.< span class ="pl-c1 "> find</ span > ($routeParams.< span class ="pl-c1 "> id</ span > );
117108 Comment.findAll(query);
118109
119110 < span class ="pl-c "> // My goodness this was easy</ span >
120- Post.bindOne($routeParams.< span class ="pl-sc "> id</ span > , $scope, < span class ="pl-s1 "> < span class ="pl-pds "> '</ span > post< span class ="pl-pds "> '</ span > </ span > );
121- Comment.bindAll(query, $scope, < span class ="pl-s1 "> < span class ="pl-pds "> '</ span > comments< span class ="pl-pds "> '</ span > </ span > );
111+ Post.bindOne($routeParams.< span class ="pl-c1 "> id</ span > , $scope, < span class ="pl-s "> < span class ="pl-pds "> '</ span > post< span class ="pl-pds "> '</ span > </ span > );
112+ Comment.bindAll(query, $scope, < span class ="pl-s "> < span class ="pl-pds "> '</ span > comments< span class ="pl-pds "> '</ span > </ span > );
122113
123114 < span class ="pl-c "> // Long form (same effect as above)</ span >
124- $scope.$< span class ="pl-s3 "> watch</ span > (< span class ="pl-st "> function</ span > () {
125- < span class ="pl-k "> return</ span > Post.< span class ="pl-sc "> lastModified</ span > ($routeParams.< span class ="pl-sc "> id</ span > );
126- }, < span class ="pl-st "> function</ span > () {
127- $scope.post < span class ="pl-k "> =</ span > Post.get($routeParams.< span class ="pl-sc "> id</ span > );
115+ $scope.$< span class ="pl-c1 "> watch</ span > (< span class ="pl-k "> function</ span > () {
116+ < span class ="pl-k "> return</ span > Post.< span class ="pl-c1 "> lastModified</ span > ($routeParams.< span class ="pl-c1 "> id</ span > );
117+ }, < span class ="pl-k "> function</ span > () {
118+ $scope.post < span class ="pl-k "> =</ span > Post.get($routeParams.< span class ="pl-c1 "> id</ span > );
128119 });
129- $scope.$< span class ="pl-s3 "> watch</ span > (< span class ="pl-st "> function</ span > () {
120+ $scope.$< span class ="pl-c1 "> watch</ span > (< span class ="pl-k "> function</ span > () {
130121 < span class ="pl-c "> // Changes when anything in the Comment collection is modified</ span >
131- < span class ="pl-k "> return</ span > Comment.< span class ="pl-sc "> lastModified</ span > ();
132- }, < span class ="pl-st "> function</ span > () {
122+ < span class ="pl-k "> return</ span > Comment.< span class ="pl-c1 "> lastModified</ span > ();
123+ }, < span class ="pl-k "> function</ span > () {
133124 $scope.comments < span class ="pl-k "> =</ span > Comment.filter(query);
134125 });
135126});</ pre > </ div >
@@ -193,13 +184,16 @@ <h3>
193184LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
194185OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
195186SOFTWARE.</ p >
196- </ section >
197- < footer >
198- < p > This project is maintained by < a href ="https://github.com/js-data "> js-data</ a > </ p >
199- < p > < small > Hosted on GitHub Pages — Theme by < a href ="https://github.com/orderedlist "> orderedlist</ a > </ small > </ p >
187+
188+ < footer class ="site-footer ">
189+ < span class ="site-footer-owner "> < a href ="https://github.com/js-data/js-data-angular "> Js-data-angular</ a > is maintained by < a href ="https://github.com/js-data "> js-data</ a > .</ span >
190+
191+ < span class ="site-footer-credits "> This page was generated by < a href ="https://pages.github.com "> GitHub Pages</ a > using the < a href ="https://github.com/jasonlong/cayman-theme "> Cayman theme</ a > by < a href ="https://twitter.com/jasonlong "> Jason Long</ a > .</ span >
200192 </ footer >
201- </ div >
202- < script src ="javascripts/scale.fix.js "> </ script >
203-
193+
194+ </ section >
195+
196+
204197 </ body >
205- </ html >
198+ </ html >
199+
0 commit comments