问题标签 [angularjs-components]

我有一个与英雄绑定的 AngularJs 组件，它是一个数组。如何观察这个输入的数组变化？我试过$scope.watch("heroes", ...)and $onChanges，但到目前为止还没有工作。

这是我的插件： https ://plnkr.co/edit/J8xeqEQftGq3ULazk8mS ?p=preview

我目前正在使用Angular 1.5库，并希望为简单的文本框创建一个组件，如下所示。

组件 JS

组件模板

在所有模板中使用。

我有两个问题，低于我需要最佳实践的地方。

1. 我想在使用模板中扩展所有指令，而不是组件的一部分。

2. 这是最佳实践@，或者=但我很好理解这个选项。

   一个。“@”（文本绑定/单向绑定）

   湾。“=”（直接模型绑定/双向绑定）

   C。“&”（行为绑定/方法绑定）

为什么采用这种方法？

我有大约 27 种输入类型的表单。我想创建一个包含所有字段标签、输入和错误容器的组件。

我对 AngularJS 很陌生。我制作了一个 html 组件，可以在整个应用程序中重复使用。假设这个组件给出了产品的基本信息。HTML的基本结构如下：

product.js 文件如下：

小 HTML 组件将在应用程序中的其他 HTML 页面中重用，如下所示：

现在的问题是当它在我的页面中使用时，我无法将数据与 HTML 组件绑定。这些页面的控制器位于一个单独的文件夹中：app/productshipping/productshipping.controller.js 我尝试在 HTML 组件本身中使用 ng-controller="controller_name" 但没有结果。：（ 请帮忙。

如何继承角度组件的控制器？在“旧”角度我可以使用$controller，或者$injector我应该用孤立的范围做什么？

有几个流行的递归角度指令问答。一个优雅的解决方案是将递归功能抽象到服务中并在指令“编译”阶段调用它：

堆栈溢出答案

如果我想在新的 Angular 1.5 .component() 而不是 .directive() 中使用相同的概念，最好的方法是什么？

我来自 React / Redux 思维模式，其中数据操作功能以及数据从父级传递到子级到孙子级等。组件本身不会修改数据，而是将它们的意图传递回组件树。

我正在尝试使用 Angular 1.5 中的组件来复制它。考虑以下：

app.js：

app.html：

node.js：

node.html：

leaf.js：

leaf.html：

这行得通。单击divin时将记录到控制台。但是，如果我将回调更改为传递范围内的某些内容（甚至只是一个文字，例如）并更改为接受一个参数，该参数是. 我的猜测是我必须以某种方式传递数据，但我不知道如何。有没有办法通过中间组件传递参数而不必在范围内编写包装函数？我试过使用，但这不起作用——是否有一些 Angular 方法来完成我想要的？leaf'Foooooo!'ngClickleaf'foo'doSomethingapp.jsundefinednodearguments

编辑：

Plunkr：https ://plnkr.co/edit/7L4Kd3rhJXoGlrHzecHf?p=preview

在依赖绑定值完成其初始化的子组件中进行初始化之前，我很难找到一种等待组件绑定在父范围内稳定的好方法。

这是我的小提琴：https ://jsfiddle.net/nLpd9bsq/2/

可能的解决方案：

1. 使用 $onChanges() 等待所有绑定稳定
在这个例子中，我们只有 1 个绑定，但假设我们有一个具有 3 个绑定的组件，并且每个值在父作用域中异步加载。尝试在子范围上同步初始化而不使用诸如承诺之类的东西会很麻烦。

2. 将“异步值”初始化移动到服务
将初始化移动到服务并使用承诺来解决它，然后将该服务注入大写和小写组件。通过这样做，除了我们将放弃组件绑定机制之外，我们还将失去对 appController 中初始化的控制，并且需要在 Service 中添加额外代码以防止两个组件发出相同的异步请求在它自己的初始化周期中并以重复的异步请求结束。

你觉得呢？你有没有什么想法？您会使用哪种解决方案？谢谢！

应用程序.js

应用程序.html

我正在尝试使用 AngularJs 1.5 组件，但每次我声明时都会bindings收到此错误：

与指令“homeComp”一起使用的属性“消息”中的表达式“未定义”是不可赋值的！

我正在尝试一个简单的组件，只是为了学习它，这是代码：

您可以在这里看到错误：http: //plnkr.co/edit/uutk5kxOVpa5eLfjoa8U ?p=preview

代码有什么问题？或者是什么导致了这个错误？如果我删除绑定，则不会出现错误，我可以更改消息。

我一直在尝试component在项目中使用新的 Angular 1.5 语法，但我不知道如何将依赖项注入到组件定义中。

这是我将现有指令重构为组件的尝试：

由于各种原因，我们将常量basePath作为 templateUrl 的一部分注入到所有指令中。

由于组件定义不是函数，我该如何在组件上执行此操作？

我是 html/JS/AngularJS 编程新手。我正在尝试实现一个简单的角度组件，但我不断收到错误。我查看了其他答案，但找不到解决方案为什么这个简单的实现会在控制台中创建错误（标题中提到了错误）。请帮忙。 控制台输出的图片