问题标签 [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 投票
3 回答
14188 浏览

angularjs - angularjs:从指令广播到控制器

我试图从指令中向其父控制器发送消息(没有成功)

这是我的 HTML

这是控制器中监听事件的代码

最后指令看起来像

我尝试了不同的范围配置和 $broadcast 而不是 $emit。我看到事件被触发,但控制器没有收到“go”事件。有什么建议么 ?

0 投票
3 回答
28319 浏览

angularjs - AngularJS 中的组件是什么?

当我发现 AngularJS 中有很多组件时,我正在阅读有关指令的一些内容,并且想知道指令和组件之间的区别是什么。

有一个功能组件,类型组件,服务组件,过滤器组件,提供者组件等......然后我发现模块组件是一个由指令,服务,过滤器,提供者,模板,全局API组成的组件,并测试模拟。这往往会使事情变得更加混乱。我在 Angular 文档中找不到“组件”的定义来解释列出的组件类型之间的区别。

那么AngularJS中的“组件”到底是什么?它像可重用的代码块一样简单吗?

顺便说一句,我目前使用的是 Angular 1.4.2 版。

0 投票
2 回答
515 浏览

angular - Angular2动态加载模板

我开始对使用 Angular2 进行一些研究,并遇到了一个我找不到解决方案的问题。我有一个要求,根据我从模型收到的数据,我希望为给定组件加载不同的模板。这主要与根据我收到的数据维护不同的布局有关。这可能吗?

谢谢

0 投票
2 回答
12731 浏览

angularjs - AngularJS 1.5 组件示例

我正在开发一个使用.component()withtemplate属性的 Angularjs 项目,但我不知道如何使用templateUrl. 有没有熟悉的人可以为我提供一个工作示例?谢谢。

0 投票
4 回答
44916 浏览

angularjs - angularjs 1.5 组件依赖注入

这可能听起来很新,但我一直在关注 angularjs 组件的本教程

我是组件的新手,如何像这样向我的组件注入常量UtilsauthService组件?

谢谢!

0 投票
1 回答
18587 浏览

javascript - 在 AngularJS 1.5 内部组件之间传递函数的最佳方式是什么?

我想知道将功能向下传递到 2 个或更多级别的组件的最佳方法是什么?使用“&”绑定时没有简单的方法来跳过函数换行吗?

这是一个用例:

ps:我用的是ngRedux,所以这样的场景很常见

编辑:

问题是:为了让上面的代码工作,每个内部组件控制器看起来像这样:

然后我必须传递_doSomething而不是doSomething直接传递。

ps:我这里没有使用嵌入

0 投票
1 回答
1256 浏览

angularjs - 如何在 Angular 1.5 中注入组件路由器?

我正在使用 Angular 1.5 并尝试从 1.4 中的 ui-router 迁移到 1.5 中的新组件路由器。

但是,当我更新到 1.5 时,我看不到将“$router”注入我的配置的方法。

我知道我可以从这个存储库下载 angular_1_router.js:https ://github.com/brandonroberts/angularjs-component-router

但是新路由器不应该包含在 1.5 中吗?

抱歉,这方面的文档似乎不多。只有过时的文档引用了 Angular 1.4 和Angular 2.0 文档

当我尝试使用 angular_1_router.js 文件时,我$injector:modulerr在尝试使用“ngComponentRouter”时得到一个提示,因此我无法将这条路线作为一种解决方法。

0 投票
0 回答
621 浏览

angularjs - 表格中的 AngularJS 1.5 组件

随着 AngularJS 1.5 的发布,我认为拆分我现有的应用程序以使用他们提倡的新的基于组件的架构是一个好主意。

我能够将我的大部分应用程序转换为组件,但是在尝试拆分表时遇到了问题。我认为将每个表格行作为一个单独的组件是有意义的,因为每一行都有由数据控制的特定格式(该应用程序用于显示日志,并且每一行都是彩色编码的,并且可能会根据过滤器设置淡出和行的内容)。但是,我遇到了自定义元素在表格中不起作用的问题。

我知道使用指令您可以简单地将其更改为属性指令并将其应用于表格行元素,但该选项似乎不适用于新组件。此外,我并不特别喜欢该解决方案,因为指令/组件需要将一个类应用于表格行以进行格式化。如果在模板中声明行而不是作为封闭元素,这样做会更干净。

我还发现了一个古老的“替换”参数,看起来它对于这个用例来说是完美的,但不幸的是,它在两个主要版本之前已被弃用并删除。不幸的是,我无法找到该功能的替代品。

有没有让新组件在表格内工作的好方法?如果没有,是否有另一种方法来完成我想做的事情而不诉诸属性指令?

0 投票
1 回答
933 浏览

javascript - 你能在 Angular 2 中有一个独立的指令吗

我正在玩 Angular 2,我想做的是有一个独立的指令直接分配给 HTML 中的一个元素。这可能吗?

指示:

我会将它分配给任何 HTML 元素,如下所示:

我问的原因是因为我不想使用 Component 使用 DOM 中已经存在的 HTML 来设置模板。

编辑

因此,根据响应,这是组件

组件滑块

索引.html

我希望 Div 与内容 hello world 一起保留在 Slider 中。根据我一直在阅读的有关 Transclusion 的内容,AFAIK 这就是它应该如何工作的方式。但是控制台错误是:

0 投票
2 回答
587 浏览

angularjs - 什么时候应该使用 angular.component 而不是 angular.directive?

Angular1.5为我们提供了新的概念——组件,就像对旧元素指令的改进一样。

最好在它们之间有明确的区别:何时使用什么。

官方网站上有关于我们应该使用指令的情况的说明。但是属性指令可以涵盖所有内容。在新应用程序中是否还有元素指令的空间?