krpeacock/simple-angular.js

## simple-angular.js
<!DOCTYPE html>
<html lang="en" ng-app="postApp">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body ng-controller="FirstController">
  <form ng-submit="view.submitForm(view.post)" action="javascript:void(0)">
    <input type="text" ng-model="view.post.title">
    <input type="text" ng-model="view.post.author">
    <input type="submit" value="Add a new post">
  </form>
  <div ng-repeat ="post in view.posts">
    <p>
      Title: {{post.title}}
      Author: {{post.author}}
    </p>
  </div>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script>
  <script>
    var app = angular.module("postApp", [])

    app.service("PostService", function(){
      const posts = [{title:"Foo", author:"Bar"}];
      return {
        getPosts: function(){
          return posts;
        },
        addPost: function(post){
          posts.push(post);
          return posts;
        }
      }
    })
    app.controller("FirstController", function($scope, PostService){
      $scope.view = {}
      $scope.view.post = {}
      $scope.view.posts = PostService.getPosts();

      $scope.view.submitForm = function(post){
        $scope.view.posts = PostService.addPost(post)
        $scope.view.post = {}
      }
    })
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en" ng-app="postApp">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body ng-controller="FirstController">
	<form ng-submit="view.submitForm(view.post)" action="javascript:void(0)">
	<input type="text" ng-model="view.post.title">
	<input type="text" ng-model="view.post.author">
	<input type="submit" value="Add a new post">
	</form>
	<div ng-repeat ="post in view.posts">
	<p>
	Title: {{post.title}}
	Author: {{post.author}}
	</p>
	</div>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script>
	<script>
	var app = angular.module("postApp", [])

	app.service("PostService", function(){
	const posts = [{title:"Foo", author:"Bar"}];
	return {
	getPosts: function(){
	return posts;
	},
	addPost: function(post){
	posts.push(post);
	return posts;
	}
	}
	})
	app.controller("FirstController", function($scope, PostService){
	$scope.view = {}
	$scope.view.post = {}
	$scope.view.posts = PostService.getPosts();

	$scope.view.submitForm = function(post){
	$scope.view.posts = PostService.addPost(post)
	$scope.view.post = {}
	}
	})
	</script>
	</body>
	</html>