simpleresource

  • SimpleResource aims to provide a simple way to connect your Angular application to a RESTful backend API.
  • Also, if your API is build using Ruby on Rails, and requests will be by default wrapped under this namespace.
  • For example, if your namespace is , then data send will look like:

    Please note that it is possible to avoid this behavior by defining a method on (see the configuration section) and change the way data are sent to the server.

  • As SimpleResource is based on Angular $resource (paramDefaults), you are welcome to take a look at the offical documentation at parameterized URL template with parameters prefixed by /user/:username`.
  • As SimpleResource is based on Angular $resource (paramDefaults), you are welcome to take a look at the offical documentation at you instanciate using a string, you need to specify the singular name of your resource.

Connects business objects and REST web services for Angular.js
Continue reading “simpleresource”

A brief walk-through of the ng-options in AngularJS

  • This tells ng-options directive to loop through the array, and generate option element containing the current value.
  • The generated html looks like this:

    The value of each option element is the loop couter and the text inside the option element is the current array content.

  • Let’s modify the in our code like below:

    The expression for object data source is similar to the array data source.

  • ng-options for object allows us to loop through these (key,value) pairs; The expression is pretty much self explanatory, as all other parts are similar to what we have seen already.
  • For object data sources, the default model bound to the select box is the value, not the key.

Using ng-options was bit tough for me. I banged my head couple of times when I actually used ng-options in my code. And most of the times, I had to …
Continue reading “A brief walk-through of the ng-options in AngularJS”

tfs2015

How to show test coverage reports for successful TFS builds  #angularjs #reactjs

  • I have a build definition that cleans, compiles and runs jasmine tests and using plato (npm install plato) creates a html report on the server.
  • The second screen shot shows the report page the Plato package produces for Jasmine tests.
  • I’ve successfully included NUnit tests to be executed in our build, shown in the screen shot.
  • I want developers looking at the build to be able to open the report for the build that they’re looking at.
  • Screenshot #1 – NUnit test results (as seen in TFS)

Is it possible and if so, how to have TFS display jasmine test results? I am successfully creating jasmine test reports using the plato npm package on the server during a build although I’m yet to link the report to the TFS build success page in TFS. Can someone please advise how this is possible?
Continue reading “tfs2015”

Dynamically load a template in an Angular directive

  • Dynamically load a template in an Angular directive
  • The factory provides a simple way to fetch a template, after which it is very easy to compile and append it to the directive element.
  • then(function(html){ // Convert the html to an actual DOM node var template = angular.element(html); // Append it to the directive element $element.append(template); // And let Angular $compile it $compile(template)($scope); }); } } };
  • The other option that came to mind was manually fetching the template and appending the compiled content to the directive element.
  • I’ve been having an issue with a dynamic templateUrl in an Angular directive.

I’ve been having an issue with a dynamic templateUrl in an Angular directive. This might be an edge case, but for the people who are running into the same issue, I might have a solution.
Continue reading “Dynamically load a template in an Angular directive”

Build a data dashboard with AngularJS • Codigger

Build a data dashboard with AngularJS • #CreativeBloq •

  • As soon as I began playing around with AngularJS, it struck me that its ability to grab data and use it directly in markup could offer great possibilities for data visualisation.
  • The approach could present a really quick and simple way to create data visualisations from scratch, rather than having to rely on a separate library.
  • Read more about Build a data dashboard with AngularJS at CreativeBloq.com
  • February 1, 2017 2:48 am Published by Codigger Tags: AngularJS , Build , CreativeBloq , dashboard , Data
  • Source: CreativeBloq

Continue reading “Build a data dashboard with AngularJS • Codigger”

AngularJS: AngularJS. “A Code Like a Pro Guide” For AngularJS Beginners (Programming for Beginners, AngularJS for Beginners, AngularJS Programming Language, … for Dummies, Learn AngularJS Fast Book 1)

AngularJS: AngularJS. “A Code Like a Pro Guide” For AngularJS Beginners (Programming for…

  • Let me take you to the right track, the right book, and the right guide of using this popular framework.
  • The AngularJS: AngularJS. “A Code Like a Pro Guide” For AngularJS Beginners (Programming for Beginners, AngularJS for Beginners, AngularJS Programming Language, completed with a lot of capabilities which makes it great product.
  • If you’re looking for a good, reliable, and easy to use and top recommended AngularJS: AngularJS. “A Code Like a Pro Guide” For AngularJS Beginners (Programming for Beginners, AngularJS for Beginners, AngularJS Programming Language, AngularJS: AngularJS. “
  • Get on the right track and on the right guide in learning and using the AngularJS framework the easiest and most simple way!
  • Well, your curiosity brought you to the right book and the right guide that will give you information and facts regarding one of the most dynamic frameworks – the ANGULARJS FRAMEWORK!


AngularJS: AngularJS. “A Code Like a Pro Guide” For AngularJS Beginners (Programming for Beginners, AngularJS for Beginners, AngularJS Programming Language, … for Dummies, Learn AngularJS Fast Book 1) –
Continue reading “AngularJS: AngularJS. “A Code Like a Pro Guide” For AngularJS Beginners (Programming for Beginners, AngularJS for Beginners, AngularJS Programming Language, … for Dummies, Learn AngularJS Fast Book 1)”

Understanding the Differences between Angular.Js and Node.js

  • Both Angular.js and Node.js are JavaScript toolsets that are aimed at making web development easier and more powerful.
  • Node.js is most suitable for rapid development of web applications where changes have to be accommodated frequently.
  • The framework is used in the development of rich internet applications and interactive web applications and is considered the best framework for building single-page applications.
  • As the libraries are increasingly becoming mandatory for developing successful web applications, understanding the differences between them is very important.
  • Web development Understanding the Differences between Angular.

JavaScript made many things easier for web developers. What started as a simple way to validate form data, open pop-up boxes and add a little more functionality
Continue reading “Understanding the Differences between Angular.Js and Node.js”