angular2-directives相关内容
我无法为 Angular2 找到一个好的自动完成组件.任何我可以将键标签对象列表传递给并在 input 字段上有一个很好的自动完成的东西. Kendo 尚不支持 Angular 2,它是我们主要在内部使用的.Angular Material 似乎也不支持 Angular 2. 谁能给我指出正确的方向或让我知道他们在使用什么? 这是我目前构建的.这很糟糕,我想找到一些看起来不错的东
..
我有一个类似于 在 angular2 中重置 ngIf 上的 ngModel 值的问题 每当父 *ngIf 导致该元素被隐藏时,我想将任何 ngModel 值设置为 null. 如果我的情况很简单,我就不会问这个了.如果是这种情况,那么我只需重置 *ngIf 值的更改,但由于我的表单具有多个级别的 *ngIf 嵌套并且多个 *ngIf 会导致某些元素显示/隐藏,我想使用某种指令来完成重
..
我的 angular 站点运行良好,但是当您单击进入一个项目时,它会立即加载页面,有时在从图像中提取图像时会出现 flashAPI、id 类似于 1 秒的延迟或页面过渡效果. 但我不确定如何在 Angular 2 中实现这一点.有兴趣了解其他人在做什么吗? 提前致谢 解决方案 你可以实现 CanDeactivate 接口,类似这样: routerCanDeactivate(c
..
我读到我们可以插入 Javascript 表达式.我们可以插入的有效 Javascript 表达式列表是什么?到目前为止,对于插值,我有一个显示的属性,例如.object.property,像 {{1+1}} 这样的短表达式,我们还可以插入哪些 Javascript 表达式? 解决方案 Angular2 中的表达式在允许的范围方面与 Angular 中的表达式非常相似. 禁止促进副作
..
我正在创建一个组件,然后将其设置为根组件,然后出现错误 模板解析错误:无法绑定到 'routerLink',因为它不是 'a' 的已知属性. 我在组件注释中使用 RouterLink 作为指令,但它无法工作. app.routes.ts import { ModuleWithProviders } from '@angular/core';从'@angular/router' 导入 { R
..
我想要这个: div 1...
div 2...
div 3... 但我不想重复*ngIf,所以我用这个模板创建了我的组件: div 1...
div 2...
div 3... 我把 *ngIf 放在我的组件标签中:
..
基本上我正在寻找一种方法来实现 Angular 1.x ngInit 指令的对应项. 我知道 ngOnInit 钩子以及它是初始化代码的推荐位置的事实.我认为 ngInit 指令是一种快速、声明性的方法来原型化或修复通常不应该在编写良好的生产代码中使用的组件(尽管开发人员有权选择最适合他/她的组件)). 在 init 伪指令中做类似的事情 多次计算表达式并导致 模板解析
..
尝试使用嵌套组件时出现此异常: 例外:错误:未捕获(承诺):类型错误:无法设置属性“endSourceSpan"为空XCEPTION:错误:未捕获(承诺):类型错误:无法设置 nullBrowserDomAdapter.logError @ angular2.dev.js:23877BrowserDomAdapter.logGroup @ angular2.dev.js:23888Excepti
..
短版 这个 Plunker 定义了一个 可以渲染任意模型+模板的组件.这需要更改为替换先前呈现的内容,而不是附加新的对等点. 编辑:由于用户 3636086 的响应,现在可以使用了. 一个问题仍然存在:与 Angular 1 不同,Angular 2 强制我创建一个嵌套组件来更新模板(因为模板实际上是组件类的静态属性),所以我有一个添加了一堆不必要的 DOM 节点. 长版
..
我需要将我现有的 Angular 2 RC 1 应用程序迁移到 Angular 2 RC 4.作为其中的一部分,我还需要将我现有的表单移动到 Angular 2 RC 4 新表单. 任何人都可以指导如何将现有表单更新为新表单. 解决方案 适用于那些在将表单从 Angular 2 RC 1(或更早版本)迁移到 Angular 2 RC 2/RC 4 New Forms 时遇到问题的人.
..
我正在尝试为 Jquery UI Datepicker 创建我自己的 Angular 2 指令.我在互联网和 SO 中也看到了一些不同的方法,但没有人达到我想要的目标.所以这是我到目前为止的代码: import {Directive, ElementRef, Input, forwardRef} from '@angular/core';从“@angular/forms"导入 {ControlV
..
我动态生成了这些输入: 请注意 id=my-input-{{i}} 我想根据此动态 ID 获取对 DOM 元素的引用.此输入可以是 3、6 或更多输入,因此我需要动态访问 id 并保留它. 解决方案 唯一的回应是 let elem:Eleme
..
我有时有一个组件可以接收这样的文本: 文本 www.website.com 但是如果它是链接,我想将其转换为网址.像这样. 文本 www.website.com 我读过这个 SO answer 建议使用 3rd 方库,例如 anchorme.有没有办法以 angular2 的方式做到这一点? 解决方案 使用简单的正则表达式修改 HTML 内容存在许多问题. 这
..
给定一个简单的 input 元素,我可以这样做: 这不适用于我的自定义元素: 我该如何实施? 解决方案 我认为这个链接可以回答你的问题: Angular 2 自定义表单输入 我们需要实现两件事来实现这一目标: 提供表单组件逻辑的组件.它不需要输入,因为它将由 ngModel 本身提供 一个自定义的 ControlValueAccessor 将实现这个组件和
..
我遇到了 Angular2 路由器和异步管道的问题. 我正在尝试呈现 RxJs Observable,但数据不会自动呈现. 必须单击要呈现数据的路线的链接. 这是根应用程序: import {bootstrap} from 'angular2/platform/browser';从 'angular2/http' 导入 {HTTP_PROVIDERS};从'angular2/r
..
如文章中所建议: https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub 为了在 RC2 中使用新表单,我们需要使用以下代码禁用已弃用的表单: import {disableDeprecatedForms, provideForms} from '@angular/
..
假设我想变得非常抽象和模块化,并且我想将组件作为输入传递给我的子组件. 这可能吗? 我知道我可以传递输入并在内部创建组件,但有时我想传递不同的/组件,否则我必须为每个组件自定义代码,而且我不能对操作进行抽象. > 例如,假设我有组件 P 作为父级,C 作为子级,我对 C 这样的设计有一定的目的,我希望 C 作为可重用的组件,每当我想实现这个特定的设计时里面有元素. 现在,如果
..
长期用户,第一次提问!两天的大部分时间里,我一直试图弄清楚这一点,但无济于事,所以我们开始吧. Angular2 中来自外部源的动态编译模板? 我正在使用 http 从 WordPress API 以 HTML 的形式获取页面内容.所以我有一个这样的模板:
和“contentHTML"是组件中的字符串
..
我最近构建了以下 Angular 2 Read More 组件.该组件的作用是折叠和展开带有“阅读更多"和“阅读更少"链接的长文本块.不是基于字符数,而是基于指定的最大高度. import { Component, Input, ElementRef, AfterViewInit } from '@angular/core';@成分({选择器:'阅读更多',模板:`
..
给定以下组件: @Component({选择器:'compA',模板:模板:``})导出类 CompA {项目:任何;更新项目():无效{item[name] = "更新名称";}}@成分({选择器:'compB',模板:模板:`
{{item[name]}}
`})导出类 CompB 实现 OnInit{@Input() 项目:任
..