首页 / JAVASCRIPT / javascript – 如何在angularjs自定义指令中获取模板中的属性值？

javascript – 如何在angularjs自定义指令中获取模板中的属性值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在angularjs自定义指令中获取模板中的属性值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含562字，纯文字阅读大概需要1分钟。

内容图文

我试图将“abc”的属性定义为angularjs中的自定义指令：

<div abc="user">
    Access granted!
</div>

然后使用custom指令更改div中的文本：

.directive('abc', function() {
  var attr;
  return {
    link: function (scope, element, attributes) {
      attr = attributes.abc;
      console.log(attr);
    },
    template: "" + attr
  };
});

结果应为’user’,但未定义,因为attr在执行模板时未定义.那么,任何可能的帮助如何解决这个问题？

解决方法:

您无法使用从属性加载的动态编辑模板,您必须使用范围才能更新模板

template: '<div> {{abc}} </div>', // here it's scope.abc
link : function (scope, elem, attr) {
    scope.abc = attr.abc;
}

内容总结

以上是互联网集市为您收集整理的javascript – 如何在angularjs自定义指令中获取模板中的属性值？全部内容，希望文章能够帮你解决javascript – 如何在angularjs自定义指令中获取模板中的属性值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/817904.html

来源：【匿名】