javascript - 将 ng-src 的值传递给 ng-model - AngularJs 签名指令

Question

我有一个带有Angular Signature指令的应用程序。

该指令允许您在画布中绘制标志，此画布的内容在<img>标签中呈现（base64）

<div class="container">
    <signature-pad
        accept="accept" clear="clear"
        height="220" width="568"
        dataurl="dataurl">
    </signature-pad>

    <div class="buttons">
        <button ng-click="signature = accept()">Generate</button>
    </div>

</div>

<div class="result" ng-show="signature">
    <img ng-src="{{signature.dataUrl}}" />
</div>

图片base64在{{signature.dataUrl}}，生成的图片base64非常精细。

我想将 ng-src 的值传递给 ng-model。我试图做到这一点。

<div class="result" ng-show="signature">
    My ng-model (in my controller)  : {{mySign}}
    <img ng-model="mySign" ng-src="{{signature.dataUrl}}" class="imagen-firma" />
</div>

在我的控制器中，我已经初始化：

$scope.mySign = "";

但是 ng-src (base64) 的值不会传递给我的 ng-model。我怎样才能做到这一点？

Answer 1

img 标签不支持 ng-model 指令使用 ng-init 指令进行绑定。

<div class="result" ng-show="signature">
    My ng-model (in my controller)  : {{mySign}}
    <img ng-src="{{signature.dataUrl}}" ng-init="mySign = " class="imagen-firma" />
</div>