AngularJS img ng-src綁定不起作用

Question

我正在嘗試使用$ scope變量綁定img的ng-src，但是當變量更改時，它不會刷新圖像。

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;
  } 
});

Answer 1

這樣解決了

function onSuccess(imageUri) {
    $scope.$apply(function () {
        $scope.imageSrc = imageUri;
    })
}

AngularJS img ng-src綁定不起作用

問題描述

1 個解決方案

解決方案1
0 2018-10-26 09:39:57

AngularJS img ng-src綁定不起作用

問題描述

1 個解決方案

解決方案1 0 2018-10-26 09:39:57

解決方案1
0 2018-10-26 09:39:57