<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://skysigal.com/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://skysigal.com/feed.php">
        <title>Notes it:ad:angular.js:howto</title>
        <description></description>
        <link>https://skysigal.com/</link>
        <image rdf:resource="https://skysigal.com/lib/tpl/bootstrap3/images/favicon.ico" />
       <dc:date>2026-04-15T19:14:54+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/authorizing?rev=1699138340&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/find_the_api?rev=1699069036&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/home?rev=1699138341&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/install?rev=1699069036&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/lazy_load?rev=1699138343&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/understand_binding_to_arrays?rev=1699069037&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/understand_lazy_loading?rev=1699069037&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/understand_partial_views?rev=1699069038&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/understand_routing_and_views?rev=1699069039&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/understand_the_basics?rev=1699069040&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/understand_values_factories_services_providers?rev=1699069040&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/understand?rev=1699138343&amp;do=diff"/>
                <rdf:li rdf:resource="https://skysigal.com/it/ad/angular.js/howto/work_with_jquery?rev=1699069041&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://skysigal.com/lib/tpl/bootstrap3/images/favicon.ico">
        <title>Notes</title>
        <link>https://skysigal.com/</link>
        <url>https://skysigal.com/lib/tpl/bootstrap3/images/favicon.ico</url>
    </image>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/authorizing?rev=1699138340&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T22:52:20+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>it:ad:angular.js:howto:authorizing</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/authorizing?rev=1699138340&amp;do=diff</link>
        <description>Catch and cancel events:
* &lt;http://www.angularjsbook.com/angular-basics/chapters/routing/&gt;</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/find_the_api?rev=1699069036&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:16+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.JS:HowTo:Find the API</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/find_the_api?rev=1699069036&amp;do=diff</link>
        <description>IT:AD:Angular.JS:HowTo:Find the API

	* (UP)
howto index



Surprises me everytime how people try to get good at something without reading the manual...

Not sure how that works. RTFM: &lt;https://docs.angularjs.org/api&gt;

Resources

	* &lt;https://docs.angularjs.org/api&gt;
	* &lt;https://docs.angularjs.org/api/ng&gt;</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/home?rev=1699138341&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T22:52:21+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:Angular.JS:HowTo</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/home?rev=1699138341&amp;do=diff</link>
        <description>IT:Angular.JS:HowTo

	* (UP)
howto index


	* IT:AD:Angular.JS:HowTo:Understand
	* IT:AD:Angular.JS:HowTo:Find the API &lt;- duh...
	* IT:AD:Angular.JS:HowTo:Install
	* IT:AD:Angular.JS:HowTo:Work with JQuery
	* Resources
	* Authorizing &lt;- cancelling route navigation

Resources

	* &lt;http://glennstovall.com/blog/2013/06/27/angularjs-an-overview/&gt;</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/install?rev=1699069036&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:16+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.JS:HowTo:Install</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/install?rev=1699069036&amp;do=diff</link>
        <description>IT:AD:Angular.JS:HowTo:Install

	* (UP)
howto index



The angular framework is made of several files.

For now you just need to worry about the core file: angular.min.js

Process

	* Include the Angular files from your CDN of choice:
		* &lt;http://cdnjs.com/libraries/angular.js/&gt;
		* &lt;https://developers.google.com/speed/libraries/devguide#angularjs&gt;
		* host it it yourself:</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/lazy_load?rev=1699138343&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T22:52:23+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>Resources</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/lazy_load?rev=1699138343&amp;do=diff</link>
        <description>Resources

	* &lt;https://github.com/marcoslin/angularAMD&gt;</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/understand_binding_to_arrays?rev=1699069037&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:17+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:Angular.JS:HowTo:Understand/Binding to Arrays</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/understand_binding_to_arrays?rev=1699069037&amp;do=diff</link>
        <description>IT:Angular.JS:HowTo:Understand/Binding to Arrays

	* (UP)
howto index



In The Basics we already touched on the basics of binding to arrays.

Notes

A recap of where we got to:

	* Arrays can be Filtered -&gt; Ordered -&gt; Projected.
	* use the data-ng-repeat= attribute, then use pipe syntax pass through 
&lt;iframe width=&quot;100%&quot; height=&quot;300&quot; src=&quot;http://jsfiddle.net/skysigal/yhf8o6uo/embedded/&quot; allowfullscreen=&quot;allowfullscreen&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/understand_lazy_loading?rev=1699069037&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:17+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.JS:HowTo:Lazy Loading</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/understand_lazy_loading?rev=1699069037&amp;do=diff</link>
        <description>IT:AD:Angular.JS:HowTo:Lazy Loading

	* (UP)
howto index



No two ways about it -- Angular.JS prior to v2, where it is rumoured that Lazy loading will be built in -- sucks at lazy loading resources.

And yet, lazy loading is fundamental to the development of large scale apps.</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/understand_partial_views?rev=1699069038&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:18+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.js:HowTo:Understand/Partial Views</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/understand_partial_views?rev=1699069038&amp;do=diff</link>
        <description>IT:AD:Angular.js:HowTo:Understand/Partial Views

	* (UP)
howto index



Views can be made of smaller Html elements stitched together.

Process

Use the &lt;ng-include src=&quot;...&quot;/&gt; element

Reference

	* &lt;http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app&gt;</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/understand_routing_and_views?rev=1699069039&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:19+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.JS:HowTo:Understand/Routing and Views</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/understand_routing_and_views?rev=1699069039&amp;do=diff</link>
        <description>IT:AD:Angular.JS:HowTo:Understand/Routing and Views

	* (UP)
howto index



Notes
within it:


#### Add Routing Module to App



#### Provision the Routes Table



#### Create Some Controllers
For now, we&#039;ll put the controllers directly in the primary file:



### Create the Views</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/understand_the_basics?rev=1699069040&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:20+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.JS:HowTo:Understand/The Basics</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/understand_the_basics?rev=1699069040&amp;do=diff</link>
        <description>IT:AD:Angular.JS:HowTo:Understand/The Basics

	* (UP)
howto index



	* Angular.JS is a client side javascript MVC framework + databinding. Which makes it very close to a MVVM clientside framework.
	* Angular.JS extends the DOM with Attributes, known as Directives, or declarative statements, known as 
&lt;iframe width=&quot;100%&quot; height=&quot;300&quot; src=&quot;http://jsfiddle.net/skysigal/gL9ukyh9/embedded/&quot; allowfullscreen=&quot;allowfullscreen&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;

&lt;iframe width=&quot;100%&quot; height=&quot;300&quot; src=&quot;http://js…</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/understand_values_factories_services_providers?rev=1699069040&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:20+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.JS:HowTo:Understand/Values, Factories, Services, Providers</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/understand_values_factories_services_providers?rev=1699069040&amp;do=diff</link>
        <description>IT:AD:Angular.JS:HowTo:Understand/Values, Factories, Services, Providers

	* (UP)
howto index



We&#039;ve covered Views and Controllers, and made rudimentary stabs at providing data in the scope for them both to refer to.

Let&#039;s make things more resilient by moving data sources out of the controllers.
&lt;iframe width=&quot;100%&quot; height=&quot;300&quot; src=&quot;http://jsfiddle.net/skysigal/t5r0og8d/embedded/&quot; allowfullscreen=&quot;allowfullscreen&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;

&lt;iframe width=&quot;100%&quot; height=&quot;300&quot; src=&quot;http://jsfid…</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/understand?rev=1699138343&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T22:52:23+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.JS:HowTo:Understand</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/understand?rev=1699138343&amp;do=diff</link>
        <description>IT:AD:Angular.JS:HowTo:Understand

	* (UP)
howto index</description>
    </item>
    <item rdf:about="https://skysigal.com/it/ad/angular.js/howto/work_with_jquery?rev=1699069041&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2023-11-04T03:37:21+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>IT:AD:Angular.JS:HowTo:Work with JQuery</title>
        <link>https://skysigal.com/it/ad/angular.js/howto/work_with_jquery?rev=1699069041&amp;do=diff</link>
        <description>IT:AD:Angular.JS:HowTo:Work with JQuery

	* (UP)
howto index



You noticed that both Angular and JQuery both use &#039;$&#039;...

Notes

Can use jQuery if it&#039;s present in your app when the application is being bootstrapped. If jQuery is not present in your script path, Angular falls back to its own implementation of the subset of jQuery that we call jQLite.</description>
    </item>
</rdf:RDF>
