问题标签 [angular-components]

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 投票
2 回答
651 浏览

javascript - 角度自定义单选按钮组件中的值未绑定

我在 Angular js 中创建了一个自定义单选按钮组件,它将在我的应用程序中使用。以下是我为组件编写的代码。

JS

HTML

JSON

我面临的问题是我设置的真假没有与组件绑定。默认情况下,这两个单选按钮都未选中。谁能告诉我我的代码有什么问题。

提前致谢

0 投票
0 回答
347 浏览

angular - 角 2 | @ContentChildren 未填充,组件中的指令

我试图从父指令中获取嵌套指令@ContentChildren,但未填充,当父指令放置在组件上时,组件模板具有子指令。


示例 1(@ContentChildren 未填充)

https://plnkr.co/edit/Zdxp017V3zwNYTOR11dR?p=preview

示例 2,工作正常

https://plnkr.co/edit/ryIomfokiO40Sw8X6Axd?p=preview

有什么方法可以使它工作示例 1?还是等待“一些组件”的内容?

提前致谢

0 投票
2 回答
8629 浏览

angular - 在 Angular 2 组件中从 CDN 加载 css

正如标题所说,我想在 Angular 2 组件中包含外部 css。这是我现在的做法:

前两个 URL 不起作用。我收到一个错误:

ncaught Error: Cannot find module "./https://fonts.googleapis.com/css?family=Dosis:400,500,600,700"

我可以通过将其直接包含到 HTML 中来使其工作,但我认为这不是正确的方法。

编辑:我什至尝试使用encapsulation: ViewEncapsulation.None,它并没有帮助。

0 投票
2 回答
1978 浏览

javascript - 如何检查 Angular 1.5 中是否存在组件

http://embed.plnkr.co/oGlcQSOM2vFcDEKP7thV/

$injector.has('myMessageDirective')返回 true,while$injector.has('myMessageComponent')不返回

有人为此苦苦挣扎或有解决方案吗?我的“恐惧”是由于指令检查,我的组件可能在未来的更新中找不到。

跟进问题:检查是否存在 Angular 指令

0 投票
1 回答
701 浏览

angularjs - 从 template.html 文件的 script 标签中的 angularjs 组件获取数据

组件文件从 csv 文件中获取数据,并且它具有指向另一个 html 文件的 templateUrl。此 html 文件包含一个脚本标记,其中发生了一些功能。我想从 HTML 文件中脚本标记的组件文件中的 response.data 访问数组。

我想访问 keymetric.template.html 文件中脚本标记中的 arrsplit 变量

0 投票
2 回答
659 浏览

angular - 在顶级模块中声明 Angular2 组件并在较低级别的模块中使用

我正在使用 Angular2 最终版本开发 Angular2 应用程序。

在此处输入图像描述

这是我的应用场景。我有一个组件,我想在两个不同级别的两个不同模块中使用相同的组件。

如果我在 FeatureModule 声明它并使用它,它就可以工作。而且我还没有尝试过,但是如果我从 FeatureModule 导出它,那么它也可以在主模块中工作。

但是我设计的组件不是特定于功能的。所以在 FeatureModule 级别声明它然后传播到其他级别似乎是不对的。我认为在 AppModule 级别或 MainModule 级别声明并在 MainModule 和 FeatureModule 级别使用它会更合适。但这不起作用。它抛出以下错误。

如果“xxxx”是一个 Angular 组件,则验证它是该模块的一部分。

任何想法,如何实现这一目标?

0 投票
1 回答
245 浏览

angularjs - UI-Router Resolve 是否适用于 Angular 1.5 组件?

所以,UI-router 解析在 Angular 1 中是一件很美的事情:

我如何对 Angular 1.5 做同样的事情。组件(下面的示例)?

而决心...

我阅读了有关如何执行此操作的指南,但我并不真正理解它。似乎功能还没有完全到位,这是一个 hack。

0 投票
1 回答
555 浏览

javascript - Angular UI-Router 适用于模板但不适用于组件

我正在尝试在 angular 1 项目上使用 angular-ui-router。我遇到的问题是,当我指定模板时,我可以让 angular-ui-router 工作,但在我指定组件时不能。

例如,这有效:

但是,当我尝试指定组件时,什么都没有显示,控制台中也没有给出错误:

这是我的grocery-list.module.js,它注册了组件和路由:

我的grocery-list.component.js

我的packages.json

0 投票
0 回答
339 浏览

javascript - 使用 Angular UI 路由器在嵌套组件中绑定数据

在我的 Angular 项目中,我有一些组件加载到父组件和 Angular UI Router 状态。我在页面组件中发送“字段”变量。

index.js

page.component.js

和 formPage.component.js

我可以在页面组件中获取“字段”变量,并且我想在嵌套的 FormPage 组件中获取它。我应该为此做些什么?

0 投票
1 回答
182 浏览

javascript - 无法在 AngularJS 的 uib.popover 中编译 HTML

我正在使用 Angular 的官方 Bootstrap UI,并且在 ui.bootstrap.popover 的模板中呈现表达式时遇到问题。

这是我的 HTML 中的一个组件:

它的模板如下:

而且,这里是edit.html

我收到此错误:

无法识别的表达式:{{1+1}}

我该怎么办?这里有什么问题?我实际上是在尝试使用SchemaForm指令而不是 {{1+1}}。