angular2-directives相关内容

实现自动完成

我无法为 Angular2 找到一个好的自动完成组件.任何我可以将键标签对象列表传递给并在 input 字段上有一个很好的自动完成的东西. Kendo 尚不支持 Angular 2,它是我们主要在内部使用的.Angular Material 似乎也不支持 Angular 2. 谁能给我指出正确的方向或让我知道他们在使用什么? 这是我目前构建的.这很糟糕,我想找到一些看起来不错的东 ..
发布时间:2021-11-08 22:19:00 其他开发

Angular 2+ - 当 ngIf 导致隐藏时将 ngModel 设置为 null

我有一个类似于 在 angular2 中重置 ngIf 上的 ngModel 值的问题 每当父 *ngIf 导致该元素被隐藏时,我想将任何 ngModel 值设置为 null. 如果我的情况很简单,我就不会问这个了.如果是这种情况,那么我只需重置 *ngIf 值的更改,但由于我的表单具有多个级别的 *ngIf 嵌套并且多个 *ngIf 会导致某些元素显示/隐藏,我想使用某种指令来完成重 ..

延迟导航到下一页

我的 angular 站点运行良好,但是当您单击进入一个项目时,它会立即加载页面,有时在从图像中提取图像时会出现 flashAPI、id 类似于 1 秒的延迟或页面过渡效果. 但我不确定如何在 Angular 2 中实现这一点.有兴趣了解其他人在做什么吗? 提前致谢 解决方案 你可以实现 CanDeactivate 接口,类似这样: routerCanDeactivate(c ..

Angular2:我们可以在模板中插入哪些表达式

我读到我们可以插入 Javascript 表达式.我们可以插入的有效 Javascript 表达式列表是什么?到目前为止,对于插值,我有一个显示的属性,例如.object.property,像 {{1+1}} 这样的短表达式,我们还可以插入哪些 Javascript 表达式? 解决方案 Angular2 中的表达式在允许的范围方面与 Angular 中的表达式非常相似. 禁止促进副作 ..

模板解析错误:无法绑定到“routerLink",因为它不是“a"的已知属性

我正在创建一个组件,然后将其设置为根组件,然后出现错误 模板解析错误:无法绑定到 'routerLink',因为它不是 'a' 的已知属性. 我在组件注释中使用 RouterLink 作为指令,但它无法工作. app.routes.ts import { ModuleWithProviders } from '@angular/core';从'@angular/router' 导入 { R ..

Angular 2 表达式解析器和 ng-init 指令

基本上我正在寻找一种方法来实现 Angular 1.x ngInit 指令的对应项. 我知道 ngOnInit 钩子以及它是初始化代码的推荐位置的事实.我认为 ngInit 指令是一种快速、声明性的方法来原型化或修复通常不应该在编写良好的生产代码中使用的组件(尽管开发人员有权选择最适合他/她的组件)). 在 init 伪指令中做类似的事情 多次计算表达式并导致 模板解析 ..

将模型和模板动态绑定到 Angular 2 中的 DOM 节点

短版 这个 Plunker 定义了一个 可以渲染任意模型+模板的组件.这需要更改为替换先前呈现的内容,而不是附加新的对等点. 编辑:由于用户 3636086 的响应,现在可以使用了. 一个问题仍然存在:与 Angular 1 不同,Angular 2 强制我创建一个嵌套组件来更新模板(因为模板实际上是组件类的静态属性),所以我有一个添加了一堆不必要的 DOM 节点. 长版 ..
发布时间:2021-11-08 22:16:38 其他开发

如何将 Angular 2 RC 1(或更早版本)表单迁移到 Angular 2 RC 2/RC 4 新表单

我需要将我现有的 Angular 2 RC 1 应用程序迁移到 Angular 2 RC 4.作为其中的一部分,我还需要将我现有的表单移动到 Angular 2 RC 4 新表单. 任何人都可以指导如何将现有表单更新为新表单. 解决方案 适用于那些在将表单从 Angular 2 RC 1(或更早版本)迁移到 Angular 2 RC 2/RC 4 New Forms 时遇到问题的人. ..

实现 ControlValueAccessor 的 Angular 2 指令不会在更改时更新“触摸"属性

我正在尝试为 Jquery UI Datepicker 创建我自己的 Angular 2 指令.我在互联网和 SO 中也看到了一些不同的方法,但没有人达到我想要的目标.所以这是我到目前为止的代码: import {Directive, ElementRef, Input, forwardRef} from '@angular/core';从“@angular/forms"导入 {ControlV ..
发布时间:2021-11-08 22:16:26 其他开发

Angular2 将纯文本转换为 url 的方式(锚链接)

我有时有一个组件可以接收这样的文本: 文本 www.website.com 但是如果它是链接,我想将其转换为网址.像这样. 文本 www.website.com 我读过这个 SO answer 建议使用 3rd 方库,例如 anchorme.有没有办法以 angular2 的方式做到这一点? 解决方案 使用简单的正则表达式修改 HTML 内容存在许多问题. 这 ..

如何在自定义元素上实现 ngModel?

给定一个简单的 input 元素,我可以这样做: 这不适用于我的自定义元素: 我该如何实施? 解决方案 我认为这个链接可以回答你的问题: Angular 2 自定义表单输入 我们需要实现两件事来实现这一目标: 提供表单组件逻辑的组件.它不需要输入,因为它将由 ngModel 本身提供 一个自定义的 ControlValueAccessor 将实现这个组件和 ..
发布时间:2021-11-08 22:15:36 其他开发

在 Angular2 中传递组件

假设我想变得非常抽象和模块化,并且我想将组件作为输入传递给我的子组件. 这可能吗? 我知道我可以传递输入并在内部创建组件,但有时我想传递不同的/组件,否则我必须为每个组件自定义代码,而且我不能对操作进行抽象. > 例如,假设我有组件 P 作为父级,C 作为子级,我对 C 这样的设计有一定的目的,我希望 C 作为可重用的组件,每当我想实现这个特定的设计时里面有元素. 现在,如果 ..
发布时间:2021-11-08 22:14:56 其他开发

具有功能 RouterLink 的 Angular2 动态 HTML

长期用户,第一次提问!两天的大部分时间里,我一直试图弄清楚这一点,但无济于事,所以我们开始吧. Angular2 中来自外部源的动态编译模板? 我正在使用 http 从 WordPress API 以 HTML 的形式获取页面内容.所以我有一个这样的模板: 和“contentHTML"是组件中的字符串 ..

Angular 2 上下滑动动画

我最近构建了以下 Angular 2 Read More 组件.该组件的作用是折叠和展开带有“阅读更多"和“阅读更少"链接的长文本块.不是基于字符数,而是基于指定的最大高度. import { Component, Input, ElementRef, AfterViewInit } from '@angular/core';@成分({选择器:'阅读更多',模板:` ..