角度指令:指向第二个元素
Angular Directive: Point to second element
我想引用指令中的第二个元素。
从本质上讲,我想根据虚拟div的高度来调整文本框的大小。
<textarea vertical-align="dummyDiv"></textarea>
<div class="dummyDiv"></div>
在指令中,如何访问dummyDiv元素的属性?
下面是一个快速示例,说明了在指令之外访问另一个元素的方法。
http://plnkr.co/edit/S8EGeE4Z87jv6UQim6eG?p=preview
<textarea vertical-align secondary-elem="'dummyDiv'" ng-model="someScopeValue"></textarea>
<div class="dummyDiv"></div>
<script>
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.someScopeValue = 'Sample Text';
})
.directive('verticalAlign', function($parse) {
return {
scope: {
secondaryElem: '='
},
require: '^ngModel',
link: function(scope, elm, attrs, ngModelCtrl) {
var otherElem = angular.element('.' + scope.secondaryElem);
function process(inputValue) {
otherElem.text(inputValue);
}
ngModelCtrl.$parsers.push(process);
console.log(otherElem);
}
};
});
</script>
相关文章:
- 角度指令:指向第二个元素
- 如何将第二个元素id注入到网站元素中
- 如何针对JQuery中的第二个元素
- 情商不正确,第二个元素
- 检测点击元素的内部文本,而不将文本包装在第二个元素中
- JQuery:如果存在具有相同 ID 的元素,则选择第二个元素
- 如何将两个 html 元素绑定在一起,当第一个元素被删除时,第二个元素也从 DOM 中删除
- 我可以通过 Javascript 中第一个元素的值选择二维数组的第二个元素吗?
- 循环遍历数组并成对输出(每个第二个元素的分隔符)
- 如何从数组中获取第一个元素和第二个元素中的值
- 如何在第二个元素之后插入
- 将类分配给第二个元素 Java 脚本
- 无法返回 JSON 数组对象的倒数第二个元素的值
- XPath如何查找具有CSS类名的第二个元素
- 在复选框选中的操作中显示第二个元素
- 聚合物:与简单数据绑定相比;t在第二个元素中起作用
- 我们如何使用类名通过它在 Jquery 中的位置获取第二个元素
- 选择第二个元素子java-script
- 挑战:从输入元素中聚合第二个元素
- 在jQuery中创建了元素按钮,但是第二个元素没有出现