Angular js 指令中的后链接与预链接

2023-12-07

正如这里所概述的:

http://docs.angularjs.org/guide/directive

Angular js 指令采用两种不同类型的链接函数:

预链接功能 在链接子元素之前执行。进行 DOM 转换并不安全,因为编译器链接函数将无法找到正确的链接元素。

后链接功能 在子元素链接后执行。在链接后函数中进行 DOM 转换是安全的。

此外,似乎默认键link将绑定到postLink如果给定一个匿名函数。

我何时以及为何想要使用预链接功能?


您想要使用预链接的唯一时间是当您需要在编译任何子元素之前对范围执行一些准备工作时。

我的团队在编写网格指令时使用它来定义范围上的网格对象,并设置在编译任何子行和单元格对象之前所需的一些属性。

希望有帮助!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular js 指令中的后链接与预链接 的相关文章

  • 比较 angularjs 指令中的两个字段

    我正在尝试创建可用于比较多个项目中的两个字段的指令 MarkUp div class form group div
  • 在 Firefox 和 Safari 中,keypress 和 keydown 优先于粘贴事件

    我有一个使用 jqlite 的 Angular 指令 我想绑定按键 按键和粘贴事件来更新指令上的选项 我使用以下方法绑定到粘贴 按键和按键事件 input bind paste elementClass updateOptions inpu
  • 拖放以在 angularjs 中排列表格行顺序

    我正在使用 angularjs 并有一个简单的表格 我使用下面的代码 table tr th Name th th Phone th tr tr td friendObj name td td friendObj phone td tr t
  • 从外部javascript正确访问django静态文件

    我有一个使用 AngularJS 的 django 应用程序以及一堆 JavaScript 和模板文件 在我的 django 模板中我可以使用 static 标签来正确引用这些文件 如下所示 myapp app js gt 然而 外部文件本
  • 如果只有一个元素发生变化,为什么 AngularJs 会更新数组/哈希映射的所有元素?

    我有一个简单的哈希图和一个以文本形式显示状态的简单方法 但是当我仅更新 1 个用户状态时 所有这些状态都会更新 为所有用户调用函数 有没有一种方法可以只更新一个元素而不是全部 示例代码在这里 只需看看当您单击 更改状态 按钮时控制台中会发生
  • 如何在 ng-options 中的项目标签上使用 angularJs 过滤器

    给定一个加载产品选项的选择列表 我希望标签采用选项名称的格式 然后将价格放在括号中 例如 产品选项 B 1 432 12 我的选项对象具有属性 名称 和 价格 价格是数字 我希望它使用货币过滤器进行格式化 我该怎么做 我在想也许是一个接受字
  • 如何检测特定 Firebase 存储路径数据是否已更改

    firebase 数据库有一个功能 当路径发生变化时我可以再次检索数据 firebase database ref users Auth uid profileImg on value function snapshot do things
  • 使用 ui-router 将父状态默认为子状态

    我有这样的状态结构 state places url places controller PlacesController templateUrl views places html state places city url city t
  • 如何禁用通过 IIS 提供的单页应用程序 HTML 文件的缓存?

    我有一个通过 IIS 提供服务的单页面应用程序 Angular js 如何防止 HTML 文件缓存 该解决方案需要通过更改index html 或web config 中的内容来实现 因为无法通过管理控制台访问IIS 我目前正在研究的一些选
  • AngularJS ng-grid - 动态更新列和结果

    我是 ng grid 的新手 我们如何动态更新网格内的列和结果 我创建了一个http plnkr co edit CwUVIzSKVNCMTgpOW87f p preview http plnkr co edit CwUVIzSKVNCMT
  • ui-router 在抽象父级上具有多个视图

    我正在尝试创建一个route层次结构与ui router 我遇到了问题 我有三层模板 访客模板 用户模板 管理员模板 所以我的index html页面是
  • Kendo Angular 多选设置选定值

    我将 Kendo 多重选择与 Angular Kendo 指令和远程数据源一起使用 我试图在应用程序启动时设置所选项目 但没有成功 谁能帮帮我吗 请参阅此处的代码 JS Bin http jsbin com OkukInIc 1 edit
  • 在 for 循环中突破 Promise 块

    我有以下代码 this storeNameValidate function stores var deferred q defer console log stores for storeIndex in stores this name
  • 如何触发UI-Router View Load事件?

    第一次测试 ui router 但目前测试事件 我似乎无法理解如何触发 viewContentLoaded 或 Loading 虽然 我已经有 stageChangeSuccess 等工作了 我只是把一切都推到了http punkbit c
  • Angularjs $http 等待响应

    我是 javascript angularjs 的新手 我想在某些元素上完成鼠标悬停时显示引导弹出窗口 我为此创建了一个指令 function angular app app directive popOver window http fu
  • AngularJS 中的非单例服务

    AngularJS 在其文档中明确指出服务是单例 AngularJS services are singletons 违反直觉的是 module factory还返回一个 Singleton 实例 鉴于非单例服务有很多用例 实现工厂方法以返
  • 将安全的 Grafana 嵌入到 Web 应用程序中

    我想使用 AngularJS 将 Grafana 嵌入到我的 Web 应用程序中 目标是 当用户使用我的应用程序时 她应该能够单击按钮并加载 Grafana UI 就其本身而言 这是一项简单的任务 为此 我使用 apache 代理 Graf
  • AngularJs 从自身调用内部服务函数

    我构建了一个发出多个请求的简单服务 该服务有两种方法 我无法从服务内的另一种方法调用一种方法 Plunkr http plnkr co edit 2fERik4uTxbxlVOhncMd p preview http plnkr co ed
  • D3.js折线图溢出边距

    我有 d3 js 折线图 它作为 angular js 应用程序的指令包含在内 动态添加的线和 xAxis 以及缩放线上的边距溢出 我必须在图的顶部为每条加载的线创建 Ox 轴 并具有 Ox 和 Oy 单独的缩放可能性 Oy 缩放工作正常
  • 在模态中打开模态

    我有一个有角度的 ui 模态 其中有一个按钮 单击此按钮时 我想在 Angular ui 中打开另一个模式 我该怎么做 scope open function var modalInstance modal open templateUrl

随机推荐

  • AnyLogic 中的系统动力学 - 斐波那契序列 [关闭]

    Closed 这个问题需要调试细节 目前不接受答案 我在 AnyLogic 中有一个系统动力学模型 我试图在其中对斐波那契序列进行建模 然而 由于某种原因 我的结果与预期不同 代替 1 1 2 3 5 8 13 I get 1 2 1379
  • 如何在重命名后找到存储库的新位置

    如果用户将存储库重命名为foo bar git to foo baz git通过 GitHub 的 UI 我如何通过 API 检测到这一点 目前 如果我像这样调用 API 我会收到 404 GET repos foo bar 如何找到新的存
  • 使用正则表达式根据用户名的最后一个字母更改文本

    我希望根据用例更改用户名的结尾 在将运行的语言系统中 名称结尾取决于其使用方式 因此需要定义名称的所有结尾并定义它们的替换 建议使用 gsub 正则表达式在字符串中搜索和替换 根据用户名的最后一个字母更改文本 name surname gs
  • 在 python 中加载 DLL 时出错,不是有效的 win32 应用程序 [重复]

    这个问题在这里已经有答案了 我正在尝试在 python 中加载 DLL 来调用函数 import ctypes from ctypes import dsusb ctypes WinDLL c python27 dsusb dll 我的堆栈
  • Windows 上 R 中的 UTF-8 支持

    由于Windows10添加了新功能 Beta 使用Unicode UTF 8支持全球语言 我认为R可以将语言环境转换为UTF 8 但是 当我尝试将系统区域设置更改为 UTF 8 时 Sys setlocale locale Japanese
  • 我可以使用什么 SQL 从我的付款数据中检索计数?

    计数标准 按学校服务类型按月 年对每所学校的学生人数 通过唯一的学生 ID 进行索引 进行 真实 计数 我目前正在使用 MS Access 我需要能够提取具有与下面的示例数据类似的数据的数据库的计数 每一行都是一个付款观察 样本数据 Stu
  • 用于文件上传的 javascript/flash 库,具有文件大小限制和进度条

    有没有用于此目的的 主流 库 普遍传播 维护良好 有记录等 我发现了这些 使用闪光灯 上传 版本不多 最新为 12 2010 没有文档 SWF上传 最新版本 03 2010 文档 奇特上传 看起来有问题 php文件上传器 看起来很重量级 而
  • 在 Teradata 中满足阈值后,将一列数字分为 30 个组

    考虑代表 事件之间的时间 的列 5 40 3 6 0 9 0 4 5 18 2 4 3 2 我想将它们分成 30 个桶 但桶会重置 期望的结果 0 1 1 1 1 1 1 1 1 2 2 2 2 2 这是因为 当我们累计到 30 时 我们会
  • 3D 应用程序中的 JavaFx 2D 部分

    我编写的应用程序有一个小问题 我想要有一个 3D 字段 并在右侧有一个包含 2D 组件 如按钮 的工具栏 我尝试简单地将这些组件添加到我的根组中 但是无法读取文本 并且它们与所有其他组件一起移动 那么 如何区分这两个区域呢 可能有两个场景
  • 如何更新项目中的 sbt?

    我正在 Coursera 上学习关于 scala 的课程 他们给我布置了作业 我下载了项目 有build sbt在里面 我尝试过sbt终端 Eclipse 和 Idea 中的命令没有任何作用 终端中的消息显示 info Compiling
  • 使用 Flask 使路由只能在调试模式下访问

    我有很多只希望在调试模式下访问的路由 是否有装饰器或其他东西允许我执行此操作 或者我必须完全注释 删除代码吗 例子 debug only app route send data
  • 在 Visual Studio 中向编辑器添加指南

    介绍 我一直在寻找一种方法让 Visual Studio 在一定数量的字符后画一条线 以下是启用这些所谓的指南指导方针适用于各种版本的 Visual Studio Visual Studio 2013 或更高版本 安装保罗 哈林顿的编辑指南
  • 无法弄清楚如何恢复 Android 中应用内购买的交易

    我对 Android 应用内计费的恢复交易感到非常困惑 我有这个片段用于在我的应用程序中进行捐赠 BillingHelper requestPurchase mContext donation 它工作得很好 没有任何问题 问题就在这里 当购
  • MIDL 更改接口名称

    我有一个 COM dll 它由使用 COM Inter op 的 NET 应用程序使用 在其中一个 CoClass 中 有一个名为 IT6TrackData 的接口 它有一个名为 TrackData 的 get 属性 来自 IDL 文件 I
  • sql server - 将不带引号的常量传递给 DATEPART 等函数

    我想创建一个接受常量的函数 例如 datepart 函数接受yy mm dd hh like 选择日期部分 dd getdate 我想创建我自己的函数来接受dd不像字符 dd i want 选择 MyFunc dd getdate and
  • 如何使用 springboot 和 hibernate 传递 jdbc 参数?

    我有一个用 spring boot 编写的应用程序 我是新手 所以如果问题很愚蠢 请原谅我 它使用 hibernate 4 和 postgresql 作为数据库后端 我注意到数据库上有一堆属于连接池的连接 声明 SET extra floa
  • 在 qwidget 中运行外部应用程序

    我们如何将外部应用程序嵌入到 QWidget 中 我已经尝试使用 QX11EmbedContainer 进行相同的操作 但收到错误 XEvent 尚未声明 我尝试过下面提到的代码 this 代表 qwidget 类引用 QX11EmbedC
  • 如何在 PySpark 2.1.0 中的事件时间窗口上定义 UDAF

    我正在编写一个Python应用程序 它在一系列值上滑动一个窗口 每个值都有一个时间戳 我想对滑动窗口中的值应用一个函数 以便根据 N 个最新值计算分数 如图所示 我们已经使用 Python 库来利用 GPU 来实现该功能 我发现 Apach
  • 如何使用 node、express 和 ejs 包含 css 文件?

    我正在尝试按照说明进行操作https stackoverflow com a 18633827 2063561 但我仍然无法加载 styles css 来自 app js app use express static path join d
  • Angular js 指令中的后链接与预链接

    正如这里所概述的 http docs angularjs org guide directive Angular js 指令采用两种不同类型的链接函数 预链接功能 在链接子元素之前执行 进行 DOM 转换并不安全 因为编译器链接函数将无法找