training - angular

by paulocoelho

HTML

<div ng-app='' ng-controller="controllerFunction">
    <p ng-repeat="z in somedata">{{z}}</p>    
    <button ng-click="buttonClick()" >change cool to bad</button>
</div>

CSS

*{ font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, arial, sans-serif; font-size:1.1em;}

JavaScript

function controllerFunction($scope){
    $scope.somedata = 
    [
        'this',
        'is',
        'cool'
    ];
    
    $scope.buttonClick = function(){
        $scope.somedata[2] = "bad";
    }
}