问题标签 [angular2-directives]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6414 浏览

ecmascript-6 - 如何修复嵌入式模板上的任何指令未使用的属性绑定 ng-forOf?

我正在尝试设置一个简单ng-for的循环遍历有角度的项目列表,但被它卡住了。我已经尝试过Angular2 异常中的解决方案:无法绑定到 'ngFor',因为它不是已知的本机属性(修复缺失#)但没有成功。

index.js

app.component.js

索引.html

项目.js

问题

  • 我该如何解决这个问题?
  • 使用内部/外部模板( templateUrl)都失败
0 投票
2 回答
45 浏览

angularjs - 两个非常相似的 Angular 指令,我如何共享代码?

我有两个自定义日期选择指令

一个用于一天 一个用于选择范围

每个中大约 50% 的代码是重复代码(主要是用天填充月份并选择一天),如果不是很相似的话。我试图尽可能保持干燥,但在弄清楚如何解决这个问题时遇到了问题。

选项 1 我最初的想法是拥有一个日历服务,它可以保存一些可以在任一指令中使用的共享功能?这被认为是不好的约定吗?

选项 2 否则我想有一个日历 E 指令,其中包含所有 html/初始值,例如给定月份中的天数和更改月份的能力。然后创建两个 A 指令,为每个执行功能?

选项 3 ?????

我觉得我可以快速解决选项 1,它会起作用。选项 2 对我来说听起来像是一个更优雅的解决方案,我宁愿编写一些性感优雅的代码(这似乎有点愚蠢。) - 但最后我更愿意采用最好的方法。

选项 3,如果您有其他想法,我会全力以赴

0 投票
0 回答
82 浏览

javascript - angular 2 beta ngFor 不能在 javascript 中工作

我是 angular 2.0.0 beta 的新手,并且使用 javascript 进行开发。我无法使 ngFor 指令正常工作。我有一个组件 list.component.js、一个 boot.js 文件和 index.html。我不知道我做错了什么。以下是代码:

list.component.js

引导.js

索引.html

我所看到的只是“正在加载...”。

angular.io 上 javascript 的 angular2 beta 文档似乎也有限。如果有人可以参考一些关于 javascript 的 angular 2 beta 的好教程,那将非常有帮助。谢谢。

0 投票
10 回答
161643 浏览

angular - 角度异常:无法绑定到“ngForIn”,因为它不是已知的本机属性

我究竟做错了什么?

错误是

0 投票
2 回答
6883 浏览

angular - Angular2 没有渲染器的提供者!(NgModel -> Token NgValueAccessor -> DefaultValueAccessor -> Renderer)

我在shlomiassaf/angular2-modal中自定义了 customModal.ts 的模态。具体来说,我添加了一个包含 ngModel 的输入,它导入了 FORM_DIRECTIVES 和指令。

运行“没有渲染器提供程序!(NgModel -> Token NgValueAccessor -> DefaultValueAccessor -> Renderer)'

请帮我解决这个问题。谢谢。

0 投票
7 回答
80095 浏览

angular - What is the difference between component and directive?

I have just started working with Angular 2.

I was wondering what are the differences between components and directives in Angular 2?

0 投票
1 回答
981 浏览

angular - Angular 2 @Output 什么都不做

我正在尝试构建一个发出自定义事件的组件。我不确定为什么没有触发事件。如果我查看浏览器开发人员工具,我可以看到事件附加到元素。

我什至尝试创建角度文档提供的小示例:https ://angular.io/docs/ts/latest/api/core/Output-var.html但没有运气。

这是小代码:

没有错误被抛出,也没有 console.log。

注意:我正在使用 angular 2 - beta0

我错过了什么吗?谢谢

0 投票
2 回答
6178 浏览

angular - Angular2 - 在组件外调用组件的方法

我试图在点击事件上更新按钮的标签。我有以下代码。该方法setText()不会在点击事件上被调用。

此外,如果尝试将调用包含在模板本身中

有用。

但我想公开这个api并想调用类似的方法

有人可以建议这里的错误是什么吗?我正在使用 angular2 beta。

应用程序.ts

索引.html

0 投票
1 回答
932 浏览

angular - 当我尝试添加指令时,使用 Angular2 出现意外的令牌 < 错误

我在 angular.io 上进行了 5 分钟的游览;

这是我的 app.ts

这是我的banner.ts,

我的文件结构如下所示:

在我的 index.html 文件中

我在控制台中看到一个错误:

Uncaught SyntaxError: Unexpected token < Evaluating http://localhost:3000/components/banner/banner Error loading http://localhost:3000/app/bootstrap.ts

我不明白,我按照 angular.io 上的说明并尝试做他们所做的,但我得到一个错误。

我现在所知道的是,当我尝试使用指令时,它会给我一个错误,无论是预先构建的指令,还是我自己构建的指令。

我也尝试添加import {Directive} from 'angular2/angular2';

我真的对此一无所知,请在否决之前给我一些建议。

0 投票
1 回答
6856 浏览

angular - 使用带有 angular2 的异步管道不起作用

每当我使用异步管道时,我都会收到控制台错误。

我收到此控制台错误:

例外:[columns | 中管道“AsyncPipe”的参数“[object Object]”无效 Projects@1:51 中的异步] browser_adapter.js:76 例外:[columns | 中管道“AsyncPipe”的参数“[object Object]”无效 项目中的异步@1:51]

有什么遗漏吗?