问题标签 [angularjs-components]

I am using AngularJS components in anticipation of eventually moving to Angular2. I have a component (Component1) that is essentially a dropdown with a few specific inputs and outputs. I have another component (Component2) that is the exact same kind of dropdown, but has a dependency on the ng-model in Component1. Is there a way to use inheritance in Component2 so that I do not have a bunch of duplicate code?

I can see how to use inheritance in Angular2, so this seems to be the best approach. However, I can't find anything showing how to do this in Angular 1.5.

Component1 also requires a template, but it will be the same for both Component1 and Component2. Also, Component2 will require an additional input for the value from Component1, as well as some code in the $onChanges event when that additional input changes.

Thanks in advance!!

我的组件对象如下所示：

我需要访问绑定title和rows我的register.html标记。我理解$element，$attrs但我不太确定如何将它注入到一个对 HTML 文件的字符串引用的 templateUrl 中。

我希望能够在模板中使用这些值：

有人可以指出我的模板Url 可以使用花括号将绑定的值嵌入到标记中的方向吗？

我正在尝试使用模板URL 设置一个组件，该模板URL 是给定配置模块的相对路径。但是，由于它在控制器之外，我无法弄清楚如何将依赖项引入配置

app.config.js：

})

home.app.js：

home.component.js：

我知道在注入控制器时，您只需注入“配置”并使用它，但我不知道如何对组件执行此操作

谢谢

我正在开发一个模块化的角度应用程序，我在 angular-module-1 模块中定义了我的文件夹路径（常量：BASE_PATH：“path/to/folder”）。我想在位于我的应用程序的另一个模块（angular-module-2）中的角度组件中重新使用这个常量。我想在我的项目中多次使用这个常量。

女巫是将这个常量定义为在所有解决方案项目中可见的全局变量的最佳方法这是我的项目结构：

我正在使用 angular-ui/ui-router 并具有定义为在状态更改时呈现的隔离范围的指令/组件。

我的主页是一个指令，它在其控制器中加载具有所有权限的用户

当导航到不同的状态时，我希望将用户传递给所有 ui-view 指令/组件。但是，如果没有在resolve每次状态更改时加载用户或使用$rootScope

我正在寻找类似于以下内容的内容，其中用户是来自父范围的用户。

知道如何做到这一点吗？

我有三个 Angular 1.5 组件：ReportFilter和ClientSelect, ZoneSelect.

ReportFilter 里面有两个组件

client并且zone是双向数据绑定的，因此当用户选择客户端或区域时，相应的属性会在 myReportFilter的选择中更新。

我的问题：

如何从控制器内部调用我reset()的控制器ClientSelect或ZoneSelect组件的控制器上的方法ReportFilter？

React 有一个ref标签，可让您访问控制器以调用其上的方法。

我想让我的组件控制器的一些选定属性在嵌入到该组件的内容范围内可见。我正在尝试按照 Tero Parviainen 的 angular 1.4 示例执行此操作：http://jsbin.com/pibuqa/1/edit?html,css,js,output （来自http://teropa.info/blog/2015 /06/09/transclusion.html）。

不过，我在 Angular 1.5.8 中没有任何运气。据我所知，我在 transclude 克隆附加功能中对 $scope 所做的更改无效：http ://plnkr.co/edit/Mr69lBZJswaM6MSyWwTP?p=preview

我的目标：

<my-component> <div>{{something}} will be set to "blah"</div> <my-component>

component('myComponent', { transclude: true, template: '<div ng-transclude></div>', controller: function ($transclude) { $transclude(function (transEl, transScope) { transScope.something = "blah"; } }})

编辑：我相信我需要自己插入嵌入的文本，而不是在做这种事情时依赖 ng-transclude。（ng-transclude 自己嵌入内容。我的克隆附加功能正在运行并且没有有效地做任何事情，因为它没有操纵 dom。）

当我使用 angular.component() 创建 angular 1.5 提供的全新组件时，没有链接功能，因此注入 ngModelController 或任何其他控制器的旧方法不起作用。

require: 'ngModel', link: function(scope, element, attrs, ctrls)

上面的代码是用于访问 ngModelController 的指令。我们现在如何在组件中访问它？

在角度组件中应用绑定时出现这个奇怪的错误：

错误：[$compile:iscp] 指令“workTimekeepingsDay”的控制器绑定定义无效。定义： {... timekeepings: '<' ...}

这是代码：

HTML 模板：

“计时”绑定有什么问题？谢谢。

所以在过去的 4 个小时里，我一直在努力解决这个问题。基本上我有一个父指令，它被动态编译成 DOM 在它里面我有一个被嵌入的组件

以下是 editModal html 中的组件渲染：

以下是我的父母指令

......

以下是我的子组件：

但我不明白为什么我不能访问父控制器： 子组件成员的控制台日志

并且由于某种原因 editModalCtrl 是空的（但它不应该是！！！）

如果有人可以帮助我，我将不胜感激。干杯。