angular2-features

KO | EN

gitlite — search

#python #javascript #css #html #android #react #cli #ai #ios #php #golang #deep-learning

angular2-features

★ 175 Open GitHub ↗

Angular CRUD ops, Modals, Animations, Pagination, DateTimePicker, Directives and much more..

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Angular CRUD ops, Modals, Animations, Pagination, DateTimePicker, Directives and much more..
[![Build status](https://ci.appveyor.com/api/projects/status/github/chsakell/angular2-features?branch=master&svg=true)](https://ci.appveyor.com/project/chsakell/angular2-features/branch/master)
<br/>
<a href="http://wp.me/p3mRWu-199" taget="_blank">Read blog post</a><br/>
<ul>
<li>Single Page Application built with <b>Angular 4</b> and <b>TypeScript</b></li>
<li>Back-end API built with <b>ASP.NET Core</b></li>
</ul>
It shows how to use several controls such as <i>Modals</i>, <i>DateTimePicker</i>, <i>Pagination</i> in Angular 4 applications.
<a href="http://wp.me/p3mRWu-199" target="_blank"><img src="https://chsakell.files.wordpress.com/2016/06/angular-io-logo.png?w=700" alt="dotnet-core-api-14" class="alignnone size-full wp-image-4397"></a>
<h3>Installation Instructions</h3>
<ol>
<li>Setup the API from <a href="https://github.com/chsakell/dotnetcore-entityframework-api" target="_blank">here</a> or read the accosiated <a href="http://wp.me/p3mRWu-18G" target="_blank">post</a></li>
<li>Clone the <i>Scheduler.SPA</i> app and open it in your favorite text editor</li>
<li>Open a command prompt and run the following commands
<ol>
<li><b>npm install</b></li>
<li><b>bower install</b></li>
</ol>
</li>
<li>Start the API and set the <i>_apiURI</i> inside the <b>utils/config.service.ts</b> to point it</li>
<li>Start the SPA by typing <b>npm start</b></li>
</ol>

<p>
<a href="https://chsakell.files.wordpress.com/2016/06/angular-scheduler-spa-hq.gif" target="_blank">
<img src="https://chsakell.files.wordpress.com/2016/06/angular-scheduler-spa-hq.gif" alt="angular-features-gif" />
</a>
</p>
<h2>Microsoft Azure Deployment</h2>
Learn how to deploy an Angular 4 app on Microsoft Azure, <a href="http://wp.me/p3mRWu-1bi" target="_blank">here</a>.
<h2>Donations</h2>
For being part of open source projects and documenting my work here and on <a href="https://chsakell.com">chsakell's blog</a> I really do not charge anything. I try to avoid any type of ads also.

If you think that any information you obtained here is worth of some money and are willing to pay for it, feel free to send any amount through paypal.

<table>
<tr><th>Paypal</th></tr>
<tbody>
<tr>
<td><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=chsakell%40gmail%2ecom&lc=US&item_name=Donation%20for%20chsakell%27s%20blog&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted" style="text-align:center;display:block">
<img src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_cc_147x47.png" alt="Buy me a beer" />
</a></td>
</tr>
</tbody>
</table>

<h3 style="font-weight:normal;">Follow chsakell's Blog</h3>
<table id="gradient-style" style="box-shadow:3px -2px 10px #1F394C;font-size:12px;margin:15px;width:290px;text-align:left;border-collapse:collapse;" summary="">
<thead>
<tr>
<th style="width:130px;font-size:13px;font-weight:bold;padding:8px;background:#1F1F1F repeat-x;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;color:#E0E0E0;" align="center" scope="col">Facebook</th>
<th style="font-size:13px;font-weight:bold;padding:8px;background:#1F1F1F repeat-x;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;color:#E0E0E0;" align="center" scope="col">Twitter</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4" style="text-align:center;">Microsoft Web Application Development</td>
</tr>
</tfoot>
<tbody>
<tr>
<td style="padding:8px;border-bottom:1px solid #fff;color:#FFA500;border-top:1px solid #fff;background:#1F394C repeat-x;">
<a href="https://www.facebook.com/chsakells.blog" target="_blank"><img src="https://chsakell.files.wordpress.com/2015/08/facebook.png?w=120&amp;h=120&amp;crop=1" alt="facebook" width="120" height="120" class="alignnone size-opti-archive wp-image-3578"></a>
</td>
<td style="padding:8px;border-bottom:1px solid #fff;color:#FFA500;border-top:1px solid #fff;background:#1F394C repeat-x;">
<a href="https://twitter.com/chsakellsBlog" target="_blank"><img src="https://chsakell.files.wordpress.com/2015/08/twitter-small.png?w=120&amp;h=120&amp;crop=1" alt="twitter-small" width="120" height="120" class="alignnone size-opti-archive wp-image-3583"></a>
</td>
</tr>
</tbody>
</table>
<h3>License</h3>
Code released under the <a href="https://github.com/chsakell/angular2-features/blob/master/licence" target="_blank"> MIT license</a>.

angular2-features

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README