my angularjs study

by Korah Babu Varghese

HTML

<div ng-app="myApp" ng-controller="myCtrl">
<a ng-click="clicker()" style="background:green;padding:5px;color:white">reset</a>
  
  <h1 >{{id}}</h1>
<h1>{{name}}</h1>
<h1>{{address}}</h1>


<h3>{{id+""+name+""+address}}</h3>

<h5>{{appended()}}</h5>

<ul ng-repeat="x in array">
<li>{{x.id}}</li>
<li>{{x.name}}</li>
</ul>


</div>

JavaScript

var app=angular.module('myApp',[]);
app.controller('myCtrl',function($scope){

$scope.id="10";
$scope.name="korah";
$scope.address="dscfsdcsdcfsdc";


$scope.clicker=function(){

$scope.id="15";
$scope.name="sachu";
$scope.address="ttststtststtsts";

}

$scope.appended=function(){

return $scope.id+" +"+$scope.name+"";

}

$scope.array=[
{id:'1',name:'fff'},
{id:'2',name:'ggg'},
{id:3,name:'yyy'}

];


});