Передать значение ng-src в ng-model - Директива о подписи AngularJs - PullRequest
Новая
       9

Передать значение ng-src в ng-model - Директива о подписи AngularJs

0 голосов
/ 05 июня 2018

У меня есть приложение с директивой 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 генерируется очень хорошо.

enter image description here

Я хочу передать значение ng-src в ng-модель.Я пытался сделать это. 

<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.Как я могу это сделать?

1 Ответ

0 голосов
/ 05 июня 2018

тег 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>
...