AngularJS - Demo

by Danijel Boksan

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="firstCtrl as ctrl1">
    <input type="text" value="pera" ng-model="data.name"/>
    <div ng-controller="secondCtrl as ctrl2">
      <select ng-model="data.selectValue">
      <option value="1" >Test</option>
      <option value="2"selected>2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      </select><br/>
      {{data.name}} - 
      {{data.selectValue}}
    </div>
      
  </div>

</div>

JavaScript

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

myApp.service('Data',function(){
	this.name = "";
  this.selectValue = "";
})

function firstCtrl($scope, Data){
$scope.data = data;
}

function secondCtrl($scope,Data){
$scope.data = Data;
}