Edit in JSFiddle

var app = angular.module('myfirstangularapp', []);

var MyFirstController = function ($scope, $http) {
    $scope.ManyHellos = ['Hello', 'Hola', 'Bonjour', 'Guten Tag', 'Ciao', 'Namaste', 'Yiasou'];
};

app.controller("MyFirstController", ["$scope", MyFirstController]);

	<h1>Hello AngularJS!</h1>

<p>Under Angular control:</p>
<div>{{ 'Hello ' + 'AngularJS!' }}
    <br/>
    <br/>
    <label>Hello:</label>
    <input ng-model="hello" type="text" />
    <p>{{hello}}</p>
    <br/>
    <br/>
    <div ng-controller="MyFirstController">
         <h2> Number of Hellos: {{ ManyHellos.length}} </h2>

        <p ng-repeat="hello in ManyHellos">{{hello}}</p>
        <div/></div>
    <br/>