问题标签 [angularjs-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 投票
1 回答
3935 浏览

angularjs - 如何在 Angular 1.5 组件中对具有不同名称的绑定进行单元测试?

我有以下组件:

为了通过以下内容:

我必须使用以下代码:

但是,我想测试绑定到“文本”的值是否来自“查询”。这不起作用

0 投票
2 回答
1537 浏览

javascript - 注册 Angular 1.5 组件时出错

我有以下 Angular 1.5 组件:

根据 Angular 网站上的示例,这对我来说似乎是正确的。但是,当我在我的页面上包含该文件时,我收到一条错误消息,指出它无法注册该组件:

如果我删除对此组件的引用,则页面加载正常。有谁知道我做错了什么?

编辑:我在同一个模块中有一个服务类似地组成(它被包装在一个函数中并且没有一个空数组 - 见下文),它可以正常工作:

EDIT2:感谢@Frondor,我发现真正的问题是angular.component我在定义对象之前就调用了它。将该var EmployeeDetail部分移至顶部解决了该问题。

0 投票
1 回答
1950 浏览

angularjs - 将 React Native 与 AngularJS 组件一起使用

据我了解,React Native 本质上允许您扩展 React 组件的功能以包含移动平台的原生 UI 元素。Angular 1.5 引入了组件作为或多或少简单的最佳实践指令。

我有一个已经用 AngularJS 编写的 Web 应用程序,能够使用 React Native 生成​​原生移动应用程序而无需完全在 React 中重新编写应用程序的前端,这将是惊人的。

是否可以使用 React Native 将原生 UI 元素添加到 Angular 组件而不是 React 组件?如果这是一个愚蠢的问题,我深表歉意。

0 投票
2 回答
3155 浏览

javascript - 是否可以将服务注入 Angular 1.5 组件的 templateUrl 属性?

我的指令需要一个常量(MODULE_ROOT_URL)来生成模板路径。使用指令语法,我可以将常量注入到目录工厂函数中。如何将此指令转换为 Angular 1.5 组件?是否可以将服务注入 Angular 1.5 组件?

谢谢。

更新:我知道服务可以注入到组件控制器中。但是如何为组件的 templateUrl 属性注入服务呢?

更新 2:请参阅 plnkr。我创建了指令和组件版本。指令版本工作正常。但是组件版本有错误 [ngTransclude:orphan]

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

0 投票
2 回答
2710 浏览

angularjs - 使用组件作为 $mdDialog 的内联模板

通常,您可能会显示Angular Material如下对话框:

相反,我想在内联选项中使用一个组件。template当我尝试这样做时,我看到屏幕变暗,但组件的视图不可见。

似乎组件 ,auth-modal没有被渲染。

0 投票
2 回答
239 浏览

angularjs - 如何以一种方式对绑定的更改做出反应

在以下代码段中:

根据文档-“组件具有明确定义的生命周期”部分,为了监视绑定input已更改,我们可以使用$onChanges生命周期方法。我不能让它工作。

这就是我使用它的方式:

function MyComponentController() { self.$onChanges = function (changesObj){ // 这里有一些代码 } }

但是代码甚至没有进入功能。

0 投票
1 回答
134 浏览

angularjs - templateUrl 上使用的 angularjs 1.5 组件 DI

我已经检查了如何对控制器进行注入。但我找不到在控制器之前注入组件的方法。

在下面的示例中,我试图从我在另一个地方创建的常量中获取 domainUrl。

是否可以进行注入来检索domainUrl

如何注入常量

0 投票
3 回答
16125 浏览

angularjs - 在 Angular 1.5 中,如何将属性组件绑定为布尔值?

我想知道在 Angular 1.5 中,当您使用组件时,是否有一种简单的方法可以绑定一个布尔属性而不用 @ 转换为字符串。

例如,我有两个组件“app-menu”和“app-menuitem”没有嵌入。“app-menu”只有一个属性,它是要创建“app-menuitem”的项目列表。

在作为 json 的菜单项中,您有一个名为“isactive”的菜单项属性,它是一个布尔值。

在 menuitem 组件中:

我不知道最后确定的最好方法是一个真正的布尔值,而不是一个让我产生一些错误的字符串。有人有想法吗?

0 投票
1 回答
783 浏览

angularjs - 无法安装 Angular 1.5 组件路由器

我正在尝试安装 Angular 1.5 组件路由器以用于新项目,但遇到了很多困难。根据https://docs.angularjs.org/guide/component-router,以下应该有效:

这是我看到的:

使用节点 v4.4.2 和 npm v3.8.6。

我觉得我使用了错误版本的 npm 或其他东西,因为我也无法使用他们在文档(npm install@1.5.x angular --save)中提到的语法安装 angular。当我尝试时,我得到一个通用Usage: npm <command>错误,就像它甚至无法识别命令一样。

难道我做错了什么?包裹是否被拉/移动?任何帮助,将不胜感激。

0 投票
1 回答
379 浏览

angularjs - 用于新组件绑定的 JSDoc

如何编写 jsdocbindings.input以便在 PhpStorm 中接收类型提示?我尝试了以下 jsdoc,我通常用它来注释我的变量,但它不起作用。

我知道在控制器功能中我可以重新分配变量,但它闻起来: