Я пытаюсь связать ng-src img с переменной $ scope, но она не обновляет изображение при изменении переменной.
HTML
<body ng-app="CameraApp" ng-controller="cameraController">
<br/><br/>
<div align="center">
<img id="myImage" ng-src="{{ imageSrc }}" ng-click="TakePicture();"/><br/><br/>
<input type="button" ng-click="TakePicture();" value="TAKE PICTURE" /><br/><br/>
<input type="button" ng-disabled="{{ savePict }}" value="SAVE PICTURE"/>
</div>
JS
var app = angular.module('CameraApp', ['ngTouch']);
app.controller('cameraController', function ($scope) {
$scope.savePict = true;
$scope.imageSrc = '';
$scope.TakePicture = function () {
navigator.camera.getPicture(onSuccess, onFail, {
quality: 50,
destinationType: Camera.DestinationType.FILE_URI
});
}
function onSuccess(imageUri) {
$scope.imageSrc = imageUri;
}
function onFail(message) {
alert('Failed because: ' + message);
document.getElementById("myImage").src = "";
$scope.savePict = true;
}
});