问题标签 [angular-components]

我已经通过以下方式实现了一个组件

我用它作为<my-component b1="someThing1" b2="someThing2"></my-component>

现在，我想将其myController与位于templatePath2.tpl.html.

一种方法是创建另一个组件myComponent2，

有什么方法可以使用以前的组件并根据 attr 选择 templateUrl？如果是，应该怎么做？

请参阅此处的代码：http: //plnkr.co/edit/xIRiq10PSYRsvNE0YWx7 ?p=preview 。

我收到以下 2 个错误。

1. Route 必须提供路径或正则表达式属性
2. [$compile:ctreq] http://errors.angularjs.org/1.5.3/ $compile/ctreq?p0=ngOutlet&p1=ngOutlet

索引.html

模块.js

电影应用组件.js

我正在尝试编写一个名为“foo”的组件-该组件带有一个标签，并说“hello {{$ctrl.label}}”。它还在点击时调用回调函数

<foo label="'bar'" callback="$ctrl.myCallback()"</foo>

到目前为止一切都很好。我的控制器确实得到了回调

所以现在我把这个元素放到一个 ng-repeat 中： <foo ng-repeat="item in $ctrl.items" label="item.label" callback="$ctrl.myCallback(item)></foo>

如何在组件中定义单击时要传回控制器的内容？该组件没有item传递给它，只有“标签”。

根据我所读到的，我需要说一些类似的话 this.callback({item: SomeObject});

我在这里有 2 个问题：1）组件如何知道它需要提供“item”键和 2）组件如何知道 SomeObject 是什么？

我可以轻松地在另一个 ng-repeat 中重用该组件： <foo ng-repeat="order in $ctrl.orders" label="order.orderNum" callback="$ctrl.myCallback(order)></foo>

在这种情况下，组件如何知道将订单对象作为参数发送给点击回调函数？

Angular 1.X 中的指令默认设置为具有两种方式绑定。默认情况下，组件具有隔离范围。我有一个看起来像这样的视图：

如果我将上述设置为指令，则controllerVariable在以下情况下正确加载：

但是，如果我使用以下内容将其设置为组件：

然后不显示变量值。我尝试添加$ctrl到变量：

但这也不显示值。

我在这里想念什么？

我在stackoverflow上看到很多帖子都有这个错误：

其中大部分似乎与N gTableParams 的第一个大写有关。好吧，我处理了这个。但它不起作用:-(。我从这里介绍了 ngTable 的示例：https ://github.com/esvit/ng-table/tree/master/demo-apps/es6-webpack

这是我的代码：

我该如何解决这个错误？也许这与我想如何 $inject NgTableParams 有关。

编辑：像@Sajeetharan 说的那样更新我的代码后，我收到了这个错误：

这个错误与我有关吗？我看起来里面的模块现在有一个错误：D。

编辑2：

在您的 (@Sajeetharan) 示例中为所有模块添加引号后：

他再也找不到角流星了？！我从除 ngTables 之外的所有模块中删除了引号。然后我得到了这个错误：

我对一些数据使用助手。我用 $reactive: 来做这个$reactive(this).attach($scope);。

为了测试，我删除了 $reactive。但后来他告诉我，Ngtableparams 不是构造函数-.-：

我希望你仍然想帮助我解决所有这些错误:-(

我正在研究 Angular 2 并使用库 Angular 2 选择组件 在此处输入链接描述

我需要设置已选择的默认项目，但是当我显示选择值时出现一些错误。我还检查了此链接在此处输入链接描述以寻求帮助，但对我不起作用

错误是：

模板：

模块：

零件：

组件.HTML 文件：

这是 component.js 文件：

我有一个 api 调用，它每 2 秒获取一次新数据，并且我想在获取新数据时更新我的​​表。我正在使用 Angular 1.5，但不确定如何更新表格。

我是 AngularJS 初学者。我有以下代码：

由以下 js 文件定义的组件：

我还配置了路由的 app.js 文件的内容是：

我的问题是控制器未加载（未出现警报窗口）。有人可以指出我做错了什么吗？（如果需要我的代码的任何补充细节，请告诉我）

我有这个指令，我想制作一个组件

这是我到目前为止得到的：

我不知道如何var controller搬进.component

我有一个别名为vm的MainController ，它有一个从某些DataService加载的属性vm.data。

控制器的视图有一个自定义组件rs-dropdown，它应该在加载 vm.data 后加载下拉值。vm.data 是主控制器的属性。

组件本身有什么方法可以监视父 MainController 中的更改，并且在加载数据后执行其加载操作？

谢谢

更新：感谢 Clavies，将 ng-if="condition" 添加到组件实际上使该组件在条件为真时被创建和初始化。看起来 Angular 不断监视 ng-if 并在满足条件时打开组件。

在这里，我ng-if="vm.woReAssign"向我的组件添加了属性，现在只有在此条件为真时才初始化和创建组件。

PS 即使条件通过可能延迟的异步调用变为真，Angular 似乎一直在检查这个条件，然后恢复组件。