Problem using Angularjs with Windows phone 8 "mobile accessibility" browser

27 views
Skip to first unread message

jaspreet singh

unread,
Jul 14, 2014, 6:01:12 AM7/14/14
to ang...@googlegroups.com
Hi,

I am facing the data binding issue in mobile accessibility software browser in windows phone 8. 
I am using following code snippet - 

<!DOCTYPE html>
<html ng-app>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"></script>
<script type="text/javascript">
function MyController($scope){
$scope.userId = "test";
$scope.userPassword = "windows";
$scope.bindFunc = function(){
$scope.password = $scope.userPassword;
}
};
</script>
<title>Angular tutorial</title>
</head>
<body>
<div ng-controller="MyController">
<input id="userId" class="span5" type="text" name="userId" ng-model="userId">
<input id="userPassword" class="span5" type="text" name="userPassword" ng-model="userPassword">
<button ng-click="bindFunc()">testing123</button>
<h1>{{userId}}</h1>
<h1>{{password}}</h1>
</div>
</body>
</html>

The problem i am facing is that when i update userId, the <h1>{{userId}}</h1> doesn't get updated. Similarly when i update userPassword and click, I don't get the latest value. This sample works fine in chrome though. 
Reply all
Reply to author
Forward
0 new messages