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

angularjs - Angular 组件绑定未定义

我正在尝试将我的第一个角度组件与 ngRoute 放在一起,但到目前为止我无法获取数据来解析。配置:

零件:

该组件的 html 仅包含带有一些随机文本的 ap 元素。

我可以在调试时看到我正在检索数据,但我无法在组件控制器上访问它......

编辑:感谢下面接受的答案,我已经解决了我的问题。它与异步调用的问题无关,而是与我定义路由和组件的方式有关。请参阅下面的代码进行修复。再次感谢。

0 投票
2 回答
128872 浏览

angular - 如何在指令和组件中获取元素的宽度/高度?

嘿,我想在and中获取<figure id="donation">元素的宽度/高度。我已多次阅读文档,但仍然找不到解决此问题的方法。有人知道吗?非常感谢!MoveDirectiveDonationComponent

0 投票
2 回答
296 浏览

angularjs - Angular 1 组件与指令定义

我对 node.js 很陌生,我计划将我们的 angular 1 指令迁移到组件,以便更轻松地过渡到 Angular 2。

所以,我的问题是我有一些代码使用如下几个定义:

yep-nope.directive 和 MyFirstComponent.component 的定义方式相同:

是否有任何解释为什么定义我需要做一个新的组件(需要......而使用指令则不需要?

谢谢,

大卫。

0 投票
1 回答
171 浏览

javascript - ui-router,组件不会与子状态绑定

这可能是一个新手问题,我刚刚开始使用 angular/uiRouter,如果任何有经验的人能指出我正确的方向,我会很高兴。

我正在尝试将组件与父级抽象的状态绑定。

这是我到目前为止所拥有的:

状态

零件

从理论上讲,这应该有效,但事实并非如此。

到目前为止,我发现只需删除父级并直接访问状态即可,但这不是我想要实现的目标:

0 投票
0 回答
1012 浏览

javascript - 在 Angular JS 中默认选中自定义单选按钮组件

我正在使用 Angular js 为单选按钮创建一个自定义组件。一切正常,除了我无法设置默认选中的所需单选按钮。

我的代码如下

JS 组件

HTML

SCSS

}

任何建议将不胜感激。提前致谢。

0 投票
1 回答
1951 浏览

angular - 在 Angular 2 中使用嵌套组件

我有一个声明了几个组件的模块,当我在模板中使用指令语法时,Angular 找不到该组件 - 我收到此错误

这是组件模块

这是顶级组件的样子

及其关联的模板

0 投票
1 回答
709 浏览

angular - 组件和同一元素上的指令之间的两种方式数据绑定?

MousePosCollectorDirective都有TabComponent一个属性x。属性更改时如何x更新属性?TabComponentxMousePosCollectorDirective

标准的双向数据绑定似乎不是我的情况的解决方案。

MousePosCollectorDirective这将在和 的父组件之间启动双向数据绑定TabComponent,而不是TabComponent它本身,这正是我想要的。

谢谢!

0 投票
2 回答
2298 浏览

angular - 我可以跨应用重用组件吗?

我是 Angular2 的新手,我很想知道是否有可能在另一个应用程序中从一个应用程序中重用整套表示组件?

例如,我有一个名为 MyApp 的 Angular 2 应用程序,其中我创建了一些常用组件,这些组件位于 app/components/common 文件夹中,每个都包含一个 TypeScript、Sass 和 HTML 文件。

我使用 Gulp 将 TypeScript 编译为 JS,将 Sass 编译为 CSS。

我现在发布这些通用组件可以在我的其他 Angular 2 应用程序中通用,因此我想在名为 MyOtherApp 的单独 Angular 2 应用程序中使用它们。

我希望能够从 MyApp 中提取所有常用组件,并能够在 MyOtherApp 中使用它们。

这可能吗?如果是这样,这种组件共同共享的最佳方法是什么?

正如我所说,我使用 Gulp 来构建/运行,还使用 ​​System.js 来配置 Angular 应用程序。

如果需要,我可以分享一些我尝试过的代码,但我不确定什么是有帮助的分享,所以请请求什么可能有用,我会分享。

0 投票
0 回答
127 浏览

javascript - 子组件没有接收到来自父组件的广播

我正在使用 Angular 1.5 构建一个简单的网格组件component。结构是:

<grid-component>广播事件<grid-header>,但标头组件未接收到消息。

这是我使用的一个简单示例。

有趣的是,当我检查作用域时,它们实际上是作用域层次结构中的兄弟。

家长

孩子

两者的父母的注意 id 是相同的。另外,请注意,孩子的 prevSibling 是父母。

如果我更改$scope.$broadcast$scope.$parent.$broadcast它按预期工作,因为他们是兄弟姐妹。

当它们是嵌套组件时,为什么 Angular 将它们视为兄弟姐妹,并且有没有一种无需遍历$parent链即可广播事件的方法?

0 投票
0 回答
924 浏览

angular - 每次屏幕显示组件时执行的方法

每次加载组件时,我都会尝试执行一个方法。我的工作流程如下。

  • 我有一个页面,并且在页面中,例如(List)我调用了一个名为selected-options
  • 我有一个有柜台的服务班。

对于第一点,这是我的代码:

我想要做的是,每次我访问页面时,里面Listselected-options组件应该调用服务并获取最新计数。

我遇到的问题是我找不到每次组件显示在屏幕上时调用的正确方法。

我尝试过的所有方法似乎只在初始化组件时才第一次起作用。

例如,我尝试过ngOnInit, ionViewDidEnter

每次调用组件时将调用的方法是什么?

例如,从页面导航List到另一个页面并返回List页面。