获取图像在angular中的src值

Get src value of image in angular

本文关键字:src 中的 angular 图像 获取      更新时间:2023-09-26

我有一个指令隔离的范围在我的页面上,现在在这个指令内,我动态设置img的src属性ng-src,但是我现在想要得到src值在隔离的范围之外,在我的父控制器,我想知道如何做到这一点。这只是我想做的一个例子:

<div ng-controller="ParentController">
    <directive action=""></directive>
</div>
这是指令的html:
<img ng-src="{{ src }}" id="img-preview"/>

我希望能够里面的我的ParentController中的ng-src的值尽管我的指令使用隔离范围,这是可能的,如果是这样,那么我怎么做呢?

编辑:这里的指令是处理图像的指令,所以所有的上传等都是从指令控制器内完成的,现在我想从我的ParentController服务器从指令的控制器中获得返回的值。

@ngLover正确。把它从父级传递给你的指令。

<div ng-controller="ParentController">
    <directive action="" action-img-src="imgSrc"></directive>
</div>

然后在你的指令中:

<img ng-src="{{ actionImgSrc }}" id="img-preview"/>