Skip to content

hingham-practice/counter-angular

 
 

Repository files navigation

Angular Counter

Angular Description: The architecture of Angular v1 is based on the Model-View-Controller pattern (MVC).

Description: Angular 1 app that renders a counter and dynamically updates counter based on button clicked.

Modules:

  • index.html -- renders the counter and buttons
  • app.js -- creates a modules and controllers that store data that can be rendered

AngularJS v1.3

  • framework for dynamic web apps
  • using HTML as the template language and extend HTML's syntax to express application's components clearly
  • it is a great declaritive language for static documents
  • attempts to minimize the impedance mismatch between document centric HTML and what an application needs creating new HTML constructs

Using the Service

  • you will need to add it as a dependancy for the component that depends on the service
  • follow the tutorial instructions from angularjs v1.3 to install on your local computer

Data Binding

  • sync data between the model and the view
  • data-binding lets you treat the model as a single source of truth within your application state
    • this simplifies the programming model for the developer
  • the template is compiled on the browser
  • any changes that are made to the view are instantly reflected in the model and then any changes that are made in the model are generated to the view
  • the controller is separated from the view and is unaware of this

angular templates

Pros Angular 1

  • two way binding--changes to view are displayed in model
  • reduces burden for CPU because of
  • easily testable websites

Cons

  • could take time to grap
  • limited documentation make learning more difficult
  • directives (markers on a DOM element) in angular can be difficult to use

Rating

  • 5 out of 10
  • Documantion was difficult to find, this would make it hard and would be time consuming for a team of developers to implement a new feature in this framework

Forked From Angular Seed Project

Counter Angular Example

Githug

About

Seed project for angular apps.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 55.2%
  • HTML 38.3%
  • CSS 6.5%