mobilefirst-angular
Optimized for IBM MobileFirst 7.0 Hybrid Application Development - view the live preview designed for the iPad Pro
Features
- Simple File & Folder Structure
- Angular 1.4.12
- Angular JS
- Angular Animate
- Angular Messages
- Angular Mocks
- Angular Route
- Angular Sanitize
- Angular Touch
- Angular Resource
- Browserify
- HotLoad
- Jasmine
- Karma
- Bootstrap
- Font Awesome
- jQuery
Download
Installing this package from the official npm repository will create the project structure and install the necessary dependencies.
npm install mobilefirst-angular
Setup
Configures the project to work on IBM Worklight 7.0 inside a hybrid application environment.
-
Copy the project into the
apps/<hybrid-appname>/common/inside your IBM Worklight 7.0 Project. -
Reference the IBM Worklight Javascript scripts in the working
index.htmlfile. -
Insert
<script>window.$ = window.jQuery = WLJQ;</script>in the<head>section of your workingindex.htmlfile. -
Run
mfp bd && mfp previewin theapps/<hybrid-appname>/folder of your project.
Test
This boilerplate uses Jasmine and Karma to run tests, use the following command to start the Karma Test Server.
npm test
Project Structure
|-- mobilefirst-angular
|-- .gitignore
|-- LICENSE
|-- README.md
|-- bower.json
|-- package.json
|-- install.sh
|-- app
| |-- main.js
| |-- controllers
| | |-- app.js
| |-- directives
| | |-- directives.js
| |-- factories
| | |-- factories.js
| |-- routes
| | |-- routes.js
|-- docs
| |-- index.html
| |-- app
| | |-- bundle.js
| | |-- main.js
| | |-- controllers
| | | |-- app.js
| | |-- directives
| | | |-- directives.js
| | |-- factories
| | | |-- factories.js
| | |-- routes
| | | |-- routes.js
| |-- styles
| | |-- main.css
| |-- templates
| | |-- template.html
|-- styles
| |-- main.css
|-- test
| |-- index.html
| |-- karma.conf.js
| |-- spec
| | |-- test.js
|-- views
| |-- index.html
| |-- templates
| | |-- template.html