Angular: Difference between revisions

From charlesreid1
 
(52 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=Installing: First Try=
==Angular Projects on Github==


See [[Angular/FirstTry]] page.
I have a couple of angular projects on Github.


=Installing: Trying Again=
===Dang-Pelican-Barebones===


This documentation is worthless. Install attempt number two: [[Angular/SecondTry]]
This is a barebones, starting-point repository for creating projects that use Pelican to manage sites that have D3 and Angular components.


=Installing: Third Try=
'''Bonus:''' This repository also contains a very clean, very simple Pelican theme.


==Install node with nvm==
Github Pages site: http://charlesreid1.github.io/dang-pelican-barebones


Use nvm
Github Repository: http://github.com/charlesreid1/dang-pelican-barebones


<pre>
===Sea Budgets===
git clone https://github.com/creationix/nvm.git ~/.nvm
echo "source ~/.nvm/nvm.sh" >> .bashrc
nvm ls-remote
nvm install -s v0.11.16
nvm alias default 0.11.16
</pre>


test:
This is a repository illustrating how to use dang-pelican-barebones, and extends its capabilities to cover iPython Notebooks. It uses the simple theme from the dang-pelican-barebones repository.


<pre>
Github repository: https://github.com/charlesreid1/sea-budgets
node -v && npm -v
</pre>


==Install grunt and bower==
Github Pages site: http://charlesreid1.github.io/sea-budgets/


Now install grunt and bower:
===dang sunburst===


<pre>
Using dang-pelican-barebones to explore D3 sunburst charts:
npm install -g grunt-cli
npm install -g bower
</pre>


but this time, when you need to use them, use the link command [https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-an-ubuntu-14-04-server]:
Github repository: http://github.com/charlesreid1/dang-sunburst/


<pre>
Github Pages site: http://charlesreid1.github.io/dang-sunburst/
npm link grunt-cli
npm link bower
</pre>


==Get Angular==
===dang bars===


<pre>
Exploring D3 bar graphs using dang-pelican-barebones
$ git clone https://github.com/angular/angular.js
</pre>


==Build Angular==
Github repository: https://github.com/charlesreid1/dang-bars


Change dir and link to node modules:
Github Pages site: http://charlesreid1.github.io/dang-bars/


<pre>
==Older But Still Useful Repositories==
cd angular.js/
</pre>


First, link grunt
===A Shrubbery===


<pre>
A Shrubbery is a repository that uses Angular to manage combined maps and D3 graphs. Like Archimedes Pelican, this does not implement a new Pelican theme from scratch, but rather uses a pared-down (and less simple) version of the default.
npm link grunt-cli
</pre>


which returns:
Github Pages link: http://charlesreid1.github.io/a-shrubbery/


<pre>
Github repository: https://github.com/charlesreid1/a-shrubbery
$ npm link grunt-cli
unbuild grunt-cli@0.1.13
npm WARN prefer global grunt-cli@0.1.13 should be installed with -g
/home/charles/codes/angular.js/node_modules/grunt-cli -> /home/charles/.nvm/v0.11.16/lib/node_modules/grunt-cli
</pre>


I DID install grunt-cli with -g. Don't know what this thing is talking about.
===Archimedes Pelican===


Next, bower:
This is a repository that demonstrates the use of Pelican to manage sites that have Javascript components, specifically D3 and Angular.


<pre>
This repository was created first, so the theme was just a stripped down version of the default, and therefore less simple than the dang-pelican-barebones repository.
npm link bower
</pre>


and the same damn error:
Github Pages site: http://charlesreid1.github.io/archimedes-pelican/


<pre>
Github repository: http://github.com/charlesreid1/archimedes-pelican
$ npm link bower
npm WARN prefer global bower@1.3.12 should be installed with -g
/home/charles/codes/angular.js/node_modules/bower -> /home/charles/.nvm/v0.11.16/lib/node_modules/bower
</pre>


Now the last three commands:
=References=


<pre>
[[Category:Javascript]]
npm install
[[Category:Github]]
bower install
[[Category:Angular]]
grunt package
</pre>
 
=Using Angular with Python=
 
Problem: most Python libraries are using Jinja or something similar, and those use double curly brackets <code>{{ }}</code>, conflicting with Angular.
 
Solution: use interpolateProvider variable to control start/end symbol https://docs.angularjs.org/api/ng/provider/$interpolateProvider

Latest revision as of 09:30, 16 April 2017

Angular Projects on Github

I have a couple of angular projects on Github.

Dang-Pelican-Barebones

This is a barebones, starting-point repository for creating projects that use Pelican to manage sites that have D3 and Angular components.

Bonus: This repository also contains a very clean, very simple Pelican theme.

Github Pages site: http://charlesreid1.github.io/dang-pelican-barebones

Github Repository: http://github.com/charlesreid1/dang-pelican-barebones

Sea Budgets

This is a repository illustrating how to use dang-pelican-barebones, and extends its capabilities to cover iPython Notebooks. It uses the simple theme from the dang-pelican-barebones repository.

Github repository: https://github.com/charlesreid1/sea-budgets

Github Pages site: http://charlesreid1.github.io/sea-budgets/

dang sunburst

Using dang-pelican-barebones to explore D3 sunburst charts:

Github repository: http://github.com/charlesreid1/dang-sunburst/

Github Pages site: http://charlesreid1.github.io/dang-sunburst/

dang bars

Exploring D3 bar graphs using dang-pelican-barebones

Github repository: https://github.com/charlesreid1/dang-bars

Github Pages site: http://charlesreid1.github.io/dang-bars/

Older But Still Useful Repositories

A Shrubbery

A Shrubbery is a repository that uses Angular to manage combined maps and D3 graphs. Like Archimedes Pelican, this does not implement a new Pelican theme from scratch, but rather uses a pared-down (and less simple) version of the default.

Github Pages link: http://charlesreid1.github.io/a-shrubbery/

Github repository: https://github.com/charlesreid1/a-shrubbery

Archimedes Pelican

This is a repository that demonstrates the use of Pelican to manage sites that have Javascript components, specifically D3 and Angular.

This repository was created first, so the theme was just a stripped down version of the default, and therefore less simple than the dang-pelican-barebones repository.

Github Pages site: http://charlesreid1.github.io/archimedes-pelican/

Github repository: http://github.com/charlesreid1/archimedes-pelican

References

Retrieved from "https://charlesreid1.com/w/index.php?title=Angular&oldid=16437"