Angular 1.5 组件方法 templateUrl + function

2024-02-05

我正在尝试让应用程序与 Angular 1.5.0-beta.2 一起使用

为了制定“指令”,我有以下代码:

myApp.component('gridshow', {
  bindings: {
    slides: '='
  },
  controller: function() {

  },
  controllerAs: 'grid',
  template: function ($element, $attrs) {
    // access to $element and $attrs
    return [
      '<div class="slidegrid">',
      '<div ng-repeat="slide in grid.slides">',
      '{{slide.image}}',
      '</div>',
      '</div>'
    ].join('')
  }
});

我喜欢模板的想法,它返回一个可以访问的函数$element and $attrs但如何将其与 templateUrl 结合起来?


在 1.5.0-beta.2 中templateUrl可以是由注入器调用的函数。$element and $attrs 被注射 https://github.com/angular/angular.js/blob/v1.5.0-beta.2/src/loader.js#L366 into both template and templateUrl功能 https://github.com/angular/angular.js/blob/v1.5.0-beta.2/src/loader.js#L378 in component,以及任何其他依赖项。

这意味着

  ...
  templateUrl: function ($element, $attrs) {
    // access to $element and $attrs
    ...
    return $attrs.uninterpolatedTemplateUrl;
  }

可以代替。

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

Angular 1.5 组件方法 templateUrl + function 的相关文章

随机推荐

  • Linux 中的 Eclipse Luna UI 渲染

    我在 Fedora 19 中安装了 Eclipse Luna 并面临以下问题 与 Windows 安装相比 选项卡标题似乎很大 我在主目录中搜索并编辑了 gtkrc 2 0 文件 这使得选项卡更小 但我使用高对比度外观而不是 GTK 来获得
  • 提交时显示“您的二进制文件未针对 iPhone 5 进行优化”(ITMS-90096)

    这是我的第一个 iOS 应用程序 当我尝试将其提交到应用程序商店时 它给了我 ITMS 90096 错误 我想我已经上传了所有正确的图标和启动画面图像 它提到了 iphone 5 上 4 英寸显示屏的启动图像 但我不知道在哪里添加它 这是我
  • 如何将 Base64 字符串保存到文件并使用 Flutter 查看它

    我需要使用 Flutter 下载并查看文件 如果可能的话 图像 PDF 等 我的问题是 我要下载的文件是 Base64 String 我如何使用 Flutter 来实现这一点 以下是解码 Base64 字符串并将其保存为本地设备上的文件的代
  • Xcode 6 - 如何为 Ad-Hoc 分发选择签名证书/配置文件?

    为了将应用程序分发给我们的测试人员 我们使用 Xcode 我们使用以下过程来执行此操作 归档申请 临时分发 选择配置文件 将 ipa 保存到文件夹 但与Xcode 6 这个工作流程发生了一些变化 我仍然可以选择 Ad Hoc 分发选项 但无
  • 在chrome中将html保存为pdf

    我在用rmarkdown生成 HTML 报告 我在受限制的机器上 无法安装 tex 所以 我试图生成一个 HTML 文档 然后将其转换 打印为 pdf 示例 Markdown 文档是 title trials author Foo Bar
  • ubuntu 上的 Rscript

    我可以从哪里安装 Rscript 我需要使用 exec 从 php 文件运行 R 脚本 不过我需要先安装 Rscript R 的主包称为r base https packages ubuntu com search keywords r b
  • CSS/HTML:如何在全页 JS 上自定义箭头?

    我正在使用全页 JShttps github com alvarotrigo fullPage js https github com alvarotrigo fullPage js 制作我的网站 但是 当尝试更改箭头样式时 control
  • 使用 SQL 查询根据值复制和拆分行?

    我有一组数据 想要根据列值拆分多行 例如 源数据 预期输出 谢谢 劳伦斯A 解决上述问题的最佳且简单的方法是 SELECT value AS UID NAME Age Education Department FROM StackSoln
  • 将 TabControl 绑定到枚举

    我需要将所有枚举值显示为 TabControl 上的选项卡项 除了一个枚举成员 无 enum MyEnum Value1 Value2 Value3 None TabControl 应显示三个选项卡 Value1 Value2 和 Valu
  • auth.views.Loginview 显示“__init__() 收到意外的关键字参数‘请求’”

    我正在尝试使用内置的 djangosLoginView 但显示错误 init got an unexpected keyword argument request 批处理簿 用户 urls py from django urls impor
  • 如何在R中设置C堆栈的大小?

    我正在尝试使用spread 函数从tidyr在 R 中将其封装在一个包含大约 300 万个观测值的数据帧上 它返回以下错误消息 Error C stack usage 26498106 is too close to the limit 当
  • Spring 3 项目上的 java.lang.ClassNotFoundException:org.codehaus.jackson.map.ObjectMapper

    我正在尝试在没有 Maven 的情况下建立一个 Spring 项目 我的项目必须通过 Spring MVC 框架提供 jsp 页面和 json 流 Jsp 页面的部分运行良好 但是当我尝试设置 json 流 为了进行 ajax GET 时
  • Java 中 JSON 注入的 Fortify 错误

    我正进入 状态SUBSCRIPTION JSON来自客户端 我将其转换为字符串 然后使用 gson 库将其设置为模型对象 在 Fortify security 上运行代码时 下面的代码出现 Json 注入错误 并显示以下消息 这是错误 On
  • 请求太大

    我的页面上收到以下错误 我更新了 IIS 设置以进行发布限制 但找不到如何增加工作缓冲区大小 对此的任何帮助都很棒 Request Too Large The POST request is too large for the intern
  • 优化 2D 旋转

    给出在 2D 空间中旋转点的经典公式 cv Point pt NPOINTS cv Point rotated NPOINTS float angle WHATEVER float cosine cos angle float sine s
  • 在xml中使用android:tag参数?

    我看到一个 xml 布局 其中有一个 textView 如下所示
  • Android:如何在收到 Firebase 动态链接后删除对它的引用? [复制]

    这个问题在这里已经有答案了 在我的应用程序中 我在主要活动中收到动态链接 当用户打开链接并启动应用程序并完成正确的操作时 这非常有效 但动态链接在应用程序中检索后似乎仍然存在 即使用户按下链接并在应用程序中检索它FirebaseDynami
  • mobile.de 搜索 api 授权 fehler mit PHP curl

    我试图从 mobile de 搜索 API http services mobile de manual search api html 但它不起作用 每次都会出现此错误 HTTP 状态 401 此请求需要 HTTP 身份验证 我究竟做错了
  • 正确显示 DICOM 图像 ITK-VTK(图像太暗)

    我使用 itk ImageSeriesReader 和 itk GDCMImageIO 读取 dicom 图像 然后使用 itk FlipImageFilter 翻转图像 以获得图像的正确方向 并使用 itk ImageToVTKImage
  • Angular 1.5 组件方法 templateUrl + function

    我正在尝试让应用程序与 Angular 1 5 0 beta 2 一起使用 为了制定 指令 我有以下代码 myApp component gridshow bindings slides controller function contro