对绑定元素的角度访问
Angular access to bound element
这可能是我构建应用程序的方式中的一个问题,但我一直需要能够通过我的项数组访问dom元素:
$scope.items = [{"src": src, "url": url, "title": title, "top": 0, "left": -500 }];
用绑定到html
<div class="block" ty-stacked-block ng-repeat="item in items" ng-style="{ 'top' : item.top+'px', 'left' : item.left+'px' }">
<a href="{{ item.url }}" title="{{ item.title }}">
<img ng-src="{{ item.src }}" alt="{{ item.title }}" />
</a>
<br />
<p>{{ item.title }}</p>
</div>
基本上,我有另一段代码想要运行$scope.items并更改div的位置(基于每个div的高度)。
scope.repositionItems = function() {
_.each(scope.items, function(item) {
// TODO get item's height somehow
});
};
我向div"item-{$index}}"添加了一个id,这样我就可以通过id从循环中获取它。感觉不是很"棱角分明",但它起作用了!
<div id="item-{{ $index }}" class="block" ty-stacked-block ng-repeat="item in items" ng-style="{ 'top' : item.top+'px', 'left' : item.left+'px' }">
<a href="{{ item.url }}" title="{{ item.title }}">
<img ng-src="{{ item.src }}" alt="{{ item.title }}" />
</a>
<br />
<p>{{ item.title }}</p>
</div>
我不知道为什么你的项目列表中有布局属性,希望你没有充分的理由,这会有所帮助。如果你的意图是让几个元素块堆叠在一起,每个元素块都包含项目的结果,那么你应该让angular重复项目,而不是自己定位它们。class="block"中的样式属性应该创建所需的间距和布局。我已经将您的代码封装在一个无序列表中,并将div标记更改为li标记。您可以始终在li标记中保留div。如果你不想用ul包装,那么在class="block"中应用float:left
<ul>
<li class="block" ng-repeat="item in items">
<a href="{{ item.url }}" title="{{ item.title }}">
<img ng-src="{{ item.src }}" alt="{{ item.title }}" />
</a>
<br />
<p>{{ item.title }}</p>
</li>
</ul>
.block {
background-color:#fff;
width:400px;
padding:10px;
border-radius:8px;
margin:10px;
position: relative;
}
相关文章:
- 对绑定元素的角度访问
- 使用绑定后访问原型
- D3:使用变量访问绑定数组中的对象
- 聚合物数据绑定:如何访问嵌套模板中的数据
- Knockout-访问数组的长度“;绑定到“;来自模板内部
- 如何使用子上下文可访问的自定义属性扩展模板绑定语法
- AngularJS$作用域包括我的绑定变量,但以后仍然无法访问,为什么
- 访问表单控制AngularJS中的值,而不绑定数据
- 绑定可访问性的点击和输入键
- WinJS-访问包含在绑定listView模板之外的数据
- Angular 1.5:访问控制器内部的绑定控制器属性
- 聚合物数据绑定铁 AJAX 并在控制台中访问获取的 JSON
- 如何将匿名函数绑定到表单的提交,然后访问该表单的内容以进行 AJAX 提交
- 如何访问自定义绑定中的可观察量
- 调用 ES6 方法时的绑定上下文.如何从称为回调的方法中访问对象
- 如何在数据绑定后在 KNOCKOUT js 中使用“with”访问另一个原型对象
- 如何在挖空可观察数组中按索引访问对象?无法处理绑定
- 使用委托绑定 jquery 对象时访问它
- 循环访问 Knockout - 绑定错误中的不同对象的数组
- 如何仅使用JavaScript访问绑定到dom元素的事件,而不使用框架