angular-directive相关内容

单元测试 typescript 指令模板 karma-jasmine,html 未定义

最近我开始使用 karma-jasmine 对我的打字稿代码进行单元测试.在为服务和一个简单指令创建并运行测试用例后,我为自定义指令创建了一个测试用例,它有一个控制器(正在注入一项服务)并使用 4 个范围变量与外界通信. 这是一个简单的单元测试用例来检查指令是否正在渲染它的模板. 在运行这个单元测试用例时,业力会抛出一些错误 09 03 2016 19:59:27.056:INFO ..

如何更新状态更改指令

我有一个根状态,它定义了 Angular 模板的整体结构.在根状态中,我包含侧边栏,其中包含通过基于状态更改的指令的动态菜单.像这样: .state('root', {摘要:真实,网址: ‘/root’,templateUrl: 'views/root.html',}) root.html 包含具有通过指令调用的动态菜单的 sidebar.html,如下所示: sidebar.html ..

使用指令检测 angular 4 中的 Click 外部元素

我使用了一个自定义指令来检测 angular 2 中元素外部的点击,但在 angular 4 中是不可能的. [plunkr] https://plnkr.co/edit/aKcZVQ?p=info 当我尝试在 angular-4 中使用相同的代码时,出现以下错误: 1.'{ 模板:字符串;指令:typeof ClickOutside[];}' 不可分配给“组件"类型的参数.==>@ ..

如何延迟指令的运行逻辑,直到 ui-route 得到解决?

我正在使用带有 ui-router 的 AngularJS.我正在尝试使用 https://github.com/sayanee/angularjs-pdf.我必须对给出的示例进行一些更改,因为我没有立即获得 PDF 的 URL. 但是,我遇到了一个问题.因为我将与 PDF 关联的 id 值传递到路由中,所以我必须等到路由更改成功才能解析该参数.我在 https://github.com/a ..
发布时间:2021-11-10 05:06:07 其他开发

如何延迟指令的运行逻辑,直到 ui-route 得到解决?

我正在使用带有 ui-router 的 AngularJS.我正在尝试使用 https://github.com/sayanee/angularjs-pdf.我必须对给出的示例进行一些更改,因为我没有立即获得 PDF 的 URL. 但是,我遇到了一个问题.因为我将与 PDF 关联的 id 值传递到路由中,所以我必须等到路由更改成功才能解析该参数.我在 https://github.com/a ..
发布时间:2021-11-10 05:05:15 其他开发

使用装饰器添加 Angular 指令

我将 Angular 1.4.8 与 Angular UI 一起使用.我想要做的是装饰 ui-sref 指令,以便它会突出显示菜单元素(通过设置 CSS 类“活动"),如果当前 $state.name 匹配 ui-sref 状态. 我测试该元素是否是我的导航标头的后代,如果是,我想向该元素添加一个 ngClass 属性.现在,我只想让它们都突出显示;我可以稍后添加测试以匹配状态.true 将 ..

AngularJS:让 UI-Router 在没有 URL 的情况下工作

我正在使用 Angular UI 路由器创建一个主从页面.我已经能够使它工作 - 当我单击主记录时,此记录的 ID 会附加到 URL 并且详细视图显示此记录的详细信息.但是我有两个问题: 是否可以在不更改 URL 的情况下完成这项工作?据我了解,UI 路由器是关于状态更改的,不一定是 url 更改.但是,如果我从路由器状态中删除 url 属性,则不会显示详细信息. 与我的详细信息状态关联的 ..
发布时间:2021-11-10 05:01:06 其他开发

使用装饰器添加 Angular 指令

我将 Angular 1.4.8 与 Angular UI 一起使用.我想要做的是装饰 ui-sref 指令,以便它会突出显示菜单元素(通过设置 CSS 类“活动"),如果当前 $state.name 匹配 ui-sref 状态. 我测试该元素是否是我的导航标头的后代,如果是,我想向该元素添加一个 ngClass 属性.现在,我只想让它们都突出显示;我可以稍后添加测试以匹配状态.true 将 ..

在 Angular 中使用不同服务的指令

我一定是从错误的角度看待这个问题,但问题就在这里.我有一个异步验证指令,它使用 HttpClient 来验证后端的某些内容.除了一件关键的事情之外,它几乎是独立的——它需要正确的 HTTP 标头才能在服务器端通过身份验证.这是构造函数的样子: 构造函数(私有 http: HttpClient,私人身份验证:AuthService,@Optional() @Self() @Inject(NG_VA ..

angularjs 函数(config/run/controller)的调用顺序是什么?

有 控制器 常量 指令 服务 工厂 运行 配置 过滤器 angular.js 的功能.所有这些模块的调用顺序是什么? 解决方案 学习这个我做了一个小提琴观察 console.log 的行为.就像 应用配置 应用运行 指令设置 指令编译 (应用控制器依赖项) 服务 工厂 内部工厂 内部服务 应用控制器 过滤器 指令链接 过滤渲染(w ..

在 Angular 2+ 中扩展 FormControlDirective

我正在看这个问题,试图弄清楚如何扩展 FormControlDirective:尝试扩展 FormControlDirective 以实现我自己的 FormControl 指令导致绑定错误. 有一个答案,但我不确定是什么意思: formControl \ formControlName 选择器出现在另外一个地方 - 价值存取器.为了您的指令工作,您应该实现所有默认值hybridForm ..

扩展 MatRowDef

我想在点击时在两行之间显示一些自定义组件/html.我相信快速简便的解决方案是使用来自点击处理程序的事件并直接操作 DOM,但是如果可能的话,我想以角度方式来做. 为了获得灵感,我首先查看了 这篇文章 关于扩展结构指令.但是它的用途有限,因为 *matRowDef 不应该单独使用,而是与其他元素结合作为材料表的一部分使用.然后我去看了源码code 并试图模仿 MatRowDef 扩展 Cdk ..
发布时间:2021-11-10 01:59:06 其他开发

扩展 MatRowDef

我想在点击时在两行之间显示一些自定义组件/html.我相信快速简便的解决方案是使用来自点击处理程序的事件并直接操作 DOM,但是如果可能的话,我想以角度方式来做. 为了获得灵感,我首先查看了 这篇文章 关于扩展结构指令.但是它的用途有限,因为 *matRowDef 不应该单独使用,而是与其他元素结合作为材料表的一部分使用.然后我去看了源码code 并试图模仿 MatRowDef 扩展 Cdk ..
发布时间:2021-11-10 01:58:48 其他开发

Angular2 + ng2-材质导入

我使用 angular 2 和 ng2-material 来显示单选和复选框组件,在每个组件中我看到我必须导入所有 ng2-material 内容,最后只使用一个组件 => 结果,它对我的​​应用收费并使其速度变慢. 我想知道我是否可以只导入我需要的组件,尽管在 ng2-material 文档中他们导入了所有组件??? import {Component} from 'angular ..