I am having an issue with a simple Angular Program where the span should only show if the input value is 'Peter'. I expected that changing the input value would make the span disappear, but when I try to change the input box value, it does not allow me to do so. What could be causing this problem in preventing me from changing the input value?
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="name"/>
<span ng-show="name='peter'">{{name}}</span>
<script>
//module declaration
var app = angular.module('myApp', []);
//controller declaration
app.controller('myCtrl',function($scope){
$scope.name = "Peter";
});
</script>
</body>
</html>