问题标签 [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.
javascript - 角度自定义单选按钮组件中的值未绑定
我在 Angular js 中创建了一个自定义单选按钮组件,它将在我的应用程序中使用。以下是我为组件编写的代码。
JS
HTML
JSON
我面临的问题是我设置的真假值没有与组件绑定。默认情况下,这两个单选按钮都未选中。谁能告诉我我的代码有什么问题。
提前致谢
angular - 角 2 | @ContentChildren 未填充,组件中的指令
我试图从父指令中获取嵌套指令@ContentChildren
,但未填充,当父指令放置在组件上时,组件模板具有子指令。
示例 1(@ContentChildren 未填充):
https://plnkr.co/edit/Zdxp017V3zwNYTOR11dR?p=preview
示例 2,工作正常:
https://plnkr.co/edit/ryIomfokiO40Sw8X6Axd?p=preview
有什么方法可以使它工作示例 1?还是等待“一些组件”的内容?
提前致谢
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,
它并没有帮助。
javascript - 如何检查 Angular 1.5 中是否存在组件
http://embed.plnkr.co/oGlcQSOM2vFcDEKP7thV/
$injector.has('myMessageDirective')
返回 true,while$injector.has('myMessageComponent')
不返回
有人为此苦苦挣扎或有解决方案吗?我的“恐惧”是由于指令检查,我的组件可能在未来的更新中找不到。
跟进问题:检查是否存在 Angular 指令
angularjs - 从 template.html 文件的 script 标签中的 angularjs 组件获取数据
组件文件从 csv 文件中获取数据,并且它具有指向另一个 html 文件的 templateUrl。此 html 文件包含一个脚本标记,其中发生了一些功能。我想从 HTML 文件中脚本标记的组件文件中的 response.data 访问数组。
我想访问 keymetric.template.html 文件中脚本标记中的 arrsplit 变量
angular - 在顶级模块中声明 Angular2 组件并在较低级别的模块中使用
我正在使用 Angular2 最终版本开发 Angular2 应用程序。
这是我的应用场景。我有一个组件,我想在两个不同级别的两个不同模块中使用相同的组件。
如果我在 FeatureModule 声明它并使用它,它就可以工作。而且我还没有尝试过,但是如果我从 FeatureModule 导出它,那么它也可以在主模块中工作。
但是我设计的组件不是特定于功能的。所以在 FeatureModule 级别声明它然后传播到其他级别似乎是不对的。我认为在 AppModule 级别或 MainModule 级别声明并在 MainModule 和 FeatureModule 级别使用它会更合适。但这不起作用。它抛出以下错误。
如果“xxxx”是一个 Angular 组件,则验证它是该模块的一部分。
任何想法,如何实现这一目标?
angularjs - UI-Router Resolve 是否适用于 Angular 1.5 组件?
所以,UI-router 解析在 Angular 1 中是一件很美的事情:
我如何对 Angular 1.5 做同样的事情。组件(下面的示例)?
而决心...
我阅读了有关如何执行此操作的指南,但我并不真正理解它。似乎功能还没有完全到位,这是一个 hack。
javascript - Angular UI-Router 适用于模板但不适用于组件
我正在尝试在 angular 1 项目上使用 angular-ui-router。我遇到的问题是,当我指定模板时,我可以让 angular-ui-router 工作,但在我指定组件时不能。
例如,这有效:
但是,当我尝试指定组件时,什么都没有显示,控制台中也没有给出错误:
这是我的grocery-list.module.js
,它注册了组件和路由:
我的grocery-list.component.js
:
我的packages.json
:
javascript - 使用 Angular UI 路由器在嵌套组件中绑定数据
在我的 Angular 项目中,我有一些组件加载到父组件和 Angular UI Router 状态。我在页面组件中发送“字段”变量。
index.js
page.component.js
和 formPage.component.js
我可以在页面组件中获取“字段”变量,并且我想在嵌套的 FormPage 组件中获取它。我应该为此做些什么?
javascript - 无法在 AngularJS 的 uib.popover 中编译 HTML
我正在使用 Angular 的官方 Bootstrap UI,并且在 ui.bootstrap.popover 的模板中呈现表达式时遇到问题。
这是我的 HTML 中的一个组件:
它的模板如下:
而且,这里是edit.html
:
我收到此错误:
无法识别的表达式:{{1+1}}
我该怎么办?这里有什么问题?我实际上是在尝试使用SchemaForm指令而不是 {{1+1}}。