Angie

If you want to fast and painless create a multilingual app that uses angular, this is just for you!

Quick start

1. Dowload it
2. Just run bower install and you're good to go

What's in here

• HTML5Boilerplate
• angular
• angular-translate
• angular-ui-router
• and others - check out bower.json

Plain demo

Bootstrap cover theme demo

Usage

Note: I'm using SASS, but you don't have to, just make changes in css/main.css file

Change/add language

Add the locales/locale file, like locale-[LANG_CODE].json and add the button in index.html

Example

Create locales/locale-it.json

{
  "WELCOME": "benvenuto"
}

And in index.html add the button

<ul data-ng-controller="translateController" id="lang-menu">
  <li><span data-ng-click="changeLanguage('it')">Italian</span></li>
  <!-- other buttons -->
</ul>

And when italian is selected, <p>{{"WELCOME" | translate}}</<p> will become <p>benvenuto</p>

Change animation between views or modal style

See the scss folder

Change the loading icon

See the loadingIcon directive

Contributing

Feel free to contribute