Hello there, I am just starting to explore Angularjs. Here is the code snippet that I have been working on :
.html file :
<!DOCTYPE html>
<html ng-app="showcase.angularWay.dataChange">
<head>
<script src='js/jquery-1.11.3.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>
<script src='js/main.js'></script>
</head>
<body>
<div ng-controller="AngularWayChangeDataCtrl as showCase">
<input type='text' value="{{showCase.demo}}" />
{{showCase.demo}}
</div>
</body>
</html>.js file :
angular.module('showcase.angularWay.dataChange', ['ngResource'])
.controller('AngularWayChangeDataCtrl', AngularWayChangeDataCtrl);
function AngularWayChangeDataCtrl($scope)
{
var vm = this;
vm.demo = "hello";
}
Although I noticed that when I input new text in the field, it doesn't update the previously displayed text. Any ideas on how to resolve this would be greatly appreciated. (as seen in the attached image).