栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

当replace = true时如何防止角度指令中的属性重复

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

当replace = true时如何防止角度指令中的属性重复

不,没有什么好的声明方式可以告诉Angular在将

x
属性移植到模板时应如何合并或操纵属性。

Angular实际上将属性从源直接复制到目标元素(有一些例外),并合并属性值。您可以

mergeTemplateAttributes
在Angular编译器的函数中看到此行为。

由于您无法更改该行为,因此可以使用指令定义的

compile
link
属性来控制属性及其值。在编译阶段而不是在链接阶段进行属性操作对您来说更有意义,因为您希望这些属性在任何链接函数运行时都“准备就绪”。

您可以执行以下操作:

.directive('foo', function() {  return {    // ..    compile: compile    // ..  };  function compile(tElement, tAttrs) {    // destination element you want to manipulate attrs on    var destEl = tElement.find(...);    angular.forEach(tAttrs, function (value, key) {      manipulateAttr(tElement, destEl, key);    })    var postlinkFn = function(scope, element, attrs) {      // your link function      // ...    }    return postlinkFn;  }  function manipulateAttr(src, dest, attrName) {    // do your manipulation    // ...  }})


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/373392.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号