Angularjs:ngRepeat 和指令

2024-02-27

我正在尝试制作一些可重复使用的倒计时小部件。与静态内容配合得很好,但是当我尝试动态添加它们时,我的指令不理解 ngRepeat 内的变量。

Markups:

<div ng-repeat="cdn in countdowns" class="countdown" countdown-end="{{cdn}}">
  <p ng-hide="over">{{days}} jours {{hours}} heures {{minutes}} min {{seconds}} sec</p>
  <p ng-show="over">Done</p>
</div>

指示:

...
link: function(scope, elm, attrs) {
  scope.days = '1';
  ...
}
...

http://jsfiddle.net/hFGb7/14/ http://jsfiddle.net/hFGb7/14/

感谢您的回复。


问题是调用链接函数时插值并未运行。所以价值{{cdn}}不可用。有几种方法可以处理这个问题:

  1. 您可以使用cdn直接在链接函数中,因为它在作用域上可用。但这将使该指令依赖于cdn范围内。
  2. 获取使用插值的属性值的推荐方法是使用 $observe。检查一下:http://jsfiddle.net/hFGb7/28/ http://jsfiddle.net/hFGb7/28/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angularjs:ngRepeat 和指令 的相关文章

  • 如何更改 Angular ui Bootstrap 日期选择器弹出窗口的大小?

    这就是我所指的 http angular ui github io bootstrap http angular ui github io bootstrap 我没有看到任何指示如何控制大小的内容 我尝试更改正文字体 但没有成功 可以通过覆
  • 动态加载的输入框不执行任何操作

    所以我有一些 html 会根据用户所在的 QuestionNumber 动态加载到 panel div 中 这不是全部代码 而是我认为的所有相关代码 无论如何
  • 如何像在 localStorage 中一样从 localForage 分配变量?

    请帮我解决以下问题 我一直在将我的 AngularJS 应用程序从 localStorage 转换为 localForage 在我的应用程序中 我像这样分配 localStorage 值 window localStorage setIte
  • 从角度 $uibModal 背景单击返回数据

    我正在尝试从 uibModal 传回一个值 如果用户单击模式的关闭按钮 我可以定义返回 scope close function modalInstance close scope editMade 但如果用户单击背景区域 这将不起作用 如
  • 是否可以将 RestAngular.setBaseUrl 用于两个 api 访问点?

    是否可以使用具有 2 个不同 API 的 Restangular 来工作 我想拥有setBaseUrl 对彼此而言 只需创建两个或多个 Restangular 服务并根据需要配置它们 然后注入您想要使用的模块 UPDATE 这段代码来自 r
  • AngularJS 在指令运行之前通过 AJAX 检索数据

    我正在使用 AngularUIuiMap http angular ui github com directives map实例化谷歌地图的指令 uiMap 指令非常适合处理硬编码数据 mapOptions and myMarkers 但是
  • 嵌套指令 - 无法将参数从 Angularjs 中的子指令传递到控制器方法

    我在 angularjs 中的嵌套指令方面遇到了一些问题 我想从另一个指令中的指令调用控制器方法 并尝试将参数传递给它 但是它们是未定义的 我尝试使用下面的 selected html 中的三个参数来调用remove 在我引入父指令 tel
  • 如何在 JSFiddle 中链接外部 json 文件?

    我有一个很长的 json 文件country json name WORLD population 6916183000 name More developed regions population 1240935000 name Less
  • 为什么 cordova.file.documentsDirectory 为空?

    我正在尝试使用 cordova plugin file transfer 在http ngcordova com docs plugins fileTransfer http ngcordova com docs plugins fileT
  • Restangular - _.contains() 不是一个函数

    如果您最近通过 Bower 更新了 Restangular 它将安装最新的 Lodash 新的 4 0 然而 这是一个问题 因为 Restangular Angular 现在会抛出错误 contains 不是函数 你怎么解决 解决方案非常简
  • 如何将 .env 文件变量传递给 webpack 配置?

    我是 webpack 的新手 几乎完成了所有构建部分 但现在的问题是我想将环境变量从 env 文件传递 到 webpack 配置 以便我可以通过以下方式将该变量传递到我的构建文件webpack DefinePlugin plugin 目前我
  • 在多个 angular.js 应用程序之间共享单个服务

    我正在构建一个电子商务网站 基于 shopify 并且使用多个小型 angularjs 应用程序来处理诸如快速购物车 愿望清单 过滤产品和其他一些较小项目之类的事情 我最初使用了一个大型应用程序 具有路由和所有内容 但当我没有完整的 RES
  • AngularJS 无限滚动大量数据

    所以我尝试使用 AngularJS 创建一个无限滚动表 类似于 http jsfiddle net vojtajina U7Bz9 http jsfiddle net vojtajina U7Bz9 我遇到的问题是 在 jsfiddle 示
  • 为什么 Angular (1.5) 组件总是有一个隔离的范围?

    我正在构建一个 Angular 库 它提供了一堆组件 这些组件应该可以更轻松地在特定 API 之上构建 SPA 应用程序 对于某些组件 我们使用多槽嵌入功能 AngularJS 1 5 版本中引入了多槽嵌入和组件 我真的很喜欢这两个功能 但
  • 量角器按钮单击并在新选项卡中打开页面

    我对量角器相当陌生 我正在尝试自动化一个场景 其中我单击一个按钮 它会在新选项卡中打开一个页面 然后我们需要在新页面中填充表单并提交 Issue 当我单击按钮打开新页面时 我的测试不会等待新页面加载并显示测试完成和成功消息 我正在使用该按钮
  • 如何在打字稿中使用外部js

    我通过 Typescript 代码生成 Angular JS 代码 在一种情况下 我需要将外部 JS 文件添加到我的打字稿文件中 并且需要访问 js 文件中的类 我像这样添加js文件
  • 离子初始加载时间

    我正在使用 Ionic 构建一个简单的应用程序 但我的应用程序在冷启动时的初始加载时间方面存在性能问题 这是我所做的 collection repeat 代替带有 track by 的 ng repeat 原生滚动 overflow scr
  • 在 Angular JS 中撤消重做

    我有一个大对象排列在 rootScope 中 比如说 gt 100 个对象 每个对象又具有对象 数组的层次结构 我想使用 deepWatching watch 整个 rootScope 即将 watch 的第三个参数设置为 TRUE 但这里
  • 从变量值动态设置 ng-controller

    我正在使用 AngularJs 和 NodeJS 开发一个应用程序 我对将控制器的名称设置为主控制器中的变量的值感到震惊 为了更好地解释它 我的 index html 看起来像这样 tbody tr td td td member task
  • Jasmine 单元测试不等待承诺解析

    我有一个有角度的服务 它具有像这样的异步依赖项 function angular module app factory myService q asyncService function q asyncService var myData

随机推荐

  • Python Tkinter:只要线程运行,如何使 GUI 做出响应?

    例如 import threading import time import Tkinter class MyThread threading Thread def init self threading Thread init self
  • dplyr - 多个汇总函数

    我正在尝试计算数据框的多个统计数据 I tried dplyr s summarise each 但是 结果以平面单行形式返回 并添加函数名称作为后缀 有没有直接的方法 使用dplyr或 base r 我可以在哪里获得数据框中的结果 其中列
  • 如何使用 .NET 获取当前季节? (夏季、冬季等...)

    有没有办法根据给定的日期检索一年中的季节 对于地球上的任何地方 这是基于时区和半球吗 请注意 在南半球 夏季仍然是温暖的月份 EDIT 为了澄清一下 我说的是天文数字seasons http en wikipedia org wiki Se
  • pip安装numpy失败错误代码1

    我正在尝试使用 pip 安装 numpy 当我打字时pip install numpy在命令提示符下它可以工作 但不会安装文件并返回错误代码1 我使用的是 windows 8 64 位和 python 2 7 这是错误消息的最后一点 Cle
  • 旋转、缩放和平移 2D 坐标?

    我目前正在开发一个项目 尝试使用 Python 成像库创建希尔伯特曲线 我创建了一个函数 它将通过每次迭代生成曲线的新坐标 并将它们放入各种列表中 然后我希望能够移动 旋转和缩放 我想知道是否有人可以给我一些提示或方法来做到这一点 因为我完
  • 跳行和删除列中所有其他单元格的问题

    假设我想将一列与另一列的每隔一行进行匹配 即A1 搭配B1 A2 搭配B3 A3 搭配B5 依此类推 我尝试使用IF MOD ROW 2 1 B1 但这仍然会导致 B2 B4 B6 等被跳过 也就是说 实际显示的值只是 B 的奇数值 本质上
  • JavaScript 和科学处理? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 Matlab R 和 Python 功能强大 但对于我想做的一些数据挖掘工作来说要么成本高昂 要么速度缓慢 我正在考虑使用 Javascript
  • 如何使用 C# 在 .NET 中获取格式化和缩进的 JSON?

    我正在使用 Json Net 将 XML 序列化为 JSON 当我将序列化字符串写入文件时 它全部出现在一行中 我怎样才能让它看起来像 Json 一样 带有通常的制表符和缩进 设置 JSON 编写器Formatting http www n
  • 从虚拟/自定义“Web 服务器”调用 PHP

    基本上 我试图弄清楚如何从 Web 服务器 调用 PHP 我已阅读文档 但没有多大帮助 据我所知 调用 PHP 的方法有以下三种 通过命令行 例如 php f path to script php 通过 CGI 通过 FastCGI 通过网
  • 用于设置 virtualDirectory 凭据的 IIS AppCmd 语法

    我在用着appcmd在 IIS8 中创建一个新的虚拟目录 其语法是 appcmd add vdir app name
  • Sublime build - nodejs - 如何启动和停止节点应用程序

    所以我的节点构建是这样的 cmd node file selector source js path usr local bin 它运行 但问题是一旦运行 它就永远不会停止 您可以使用像这样的重新加载器node dev https gith
  • Service Fabric 群集自定义终结点与应用程序起始和结束端口

    此屏幕截图是在 Azure 门户上创建集群时拍摄的 如下图所示 自定义端点和应用程序有什么区别 起始端口范围 为什么一个称为端点 另一个称为端口 The custom endpoints help says Custom endpoints
  • Bitbucket 在curl 中管道化变量

    我正在使用 bitbucket 管道 并且在一个步骤中我想对我们的 API 调用curl 请求以将部署数据保存在数据库中 但是当我尝试使用 BITBUCKET BRANCH 和 BITBUCKET REPO SLUG 变量调用curl 时
  • 使用 glibc 而不是默认库编译的 C 程序:执行时权限被拒绝

    这是我在 stackoverflow 上的第一个问题 所以我会尽力做好 Context 我想提供一个可以在每个 Linux 发行版上运行的程序 例如 一个将使用 C 11 的程序 在没有 C 11 库的系统上运行 为此 我想复制我的程序使用
  • 使用 MinGW 构建 Boost 1.52

    我正在尝试寻找有关如何构建的权威答案提升1 52 with MinGW 我在互联网上找到了一些指针 可以归结为这样构建它 cd tools build v2 engine build bat mingw copy bin ntx86 bja
  • 使用 GoDaddy 的 spc 文件签署 java 小程序

    我正在尝试使用 godaddy 的 spc 文件签署 java 小程序 这是我正在使用的命令 keytool import keystore codesignstore storepass pass alias alias file fil
  • Windows 10:获得远程访问权限后,以 .\Administrator 身份远程启动 Quick Assist,无需 UAC,或暂时禁用 UAC

    我想要a script在这种情况下使用 无需管理员权限即可获得远程访问 远程启动快速协助 Administrator and not进行 UAC 对话 第 1 步通常通过 Quick Assist 完成 有时通过 Teams 屏幕共享完成
  • 通过脚本在 Microsoft 集群中创建专用 MSMQ 队列

    我们正在迁移到 Windows 2008 R2 Standard 并将使用 Microsoft 集群 主动 被动 配置 我们的应用程序严重依赖于 MSMQ 专用队列 并且我们的安装使用以下 C 代码创建了 100 多个专用队列 Messag
  • Java ReDos 是否容易受到攻击?

    我尝试重新创建正则表达式拒绝服务攻击 https en wikipedia org wiki ReDoS using a 正则表达式和aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 含有大量的a 使用js
  • Angularjs:ngRepeat 和指令

    我正在尝试制作一些可重复使用的倒计时小部件 与静态内容配合得很好 但是当我尝试动态添加它们时 我的指令不理解 ngRepeat 内的变量 Markups div class countdown p days jours hours heur