AngularJS基于另一个元素设置元素的固定位置
这个应用程序需要一个图像,这是必要的背景或工作区。 我需要将输入文本字段添加到给定特定坐标(顶部,左侧,宽度,高度)的此工作区中。 这些坐标将相对于图像(上/左= 0/0)。 我将如何定位我的领域/元素相对于图像?
<img id="background" ng-src="{{page.backgroundImage}}" />
<input type="text" ng-repeat="field in page.fields" ng-model="field.value"
ng-style="{position:'absolute',
left:field.left,
top:field.top,
width:field.width,
height:field.height}"/>
上面的代码很适合绝对定位,但与图像无关。
<div style="position:relative">
<img id="background" ng-src="{{page.backgroundImage}}" class="course-image" />
<input type="text" ng-repeat="field in page.fields" ng-model="field.value"
style="position:absolute"
ng-style="{left:field.left,
top:field.top,
width:field.width,
height:field.height}" />
</div>
链接地址: http://www.djcxy.com/p/78591.html
上一篇: AngularJS set element fixed position based on another element