问题标签 [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.
angularjs - 如何在 Angular 1.5 组件中对具有不同名称的绑定进行单元测试?
我有以下组件:
为了通过以下内容:
我必须使用以下代码:
但是,我想测试绑定到“文本”的值是否来自“查询”。这不起作用:
javascript - 注册 Angular 1.5 组件时出错
我有以下 Angular 1.5 组件:
根据 Angular 网站上的示例,这对我来说似乎是正确的。但是,当我在我的页面上包含该文件时,我收到一条错误消息,指出它无法注册该组件:
如果我删除对此组件的引用,则页面加载正常。有谁知道我做错了什么?
编辑:我在同一个模块中有一个服务类似地组成(它被包装在一个函数中并且没有一个空数组 - 见下文),它可以正常工作:
EDIT2:感谢@Frondor,我发现真正的问题是angular.component
我在定义对象之前就调用了它。将该var EmployeeDetail
部分移至顶部解决了该问题。
angularjs - 将 React Native 与 AngularJS 组件一起使用
据我了解,React Native 本质上允许您扩展 React 组件的功能以包含移动平台的原生 UI 元素。Angular 1.5 引入了组件作为或多或少简单的最佳实践指令。
我有一个已经用 AngularJS 编写的 Web 应用程序,能够使用 React Native 生成原生移动应用程序而无需完全在 React 中重新编写应用程序的前端,这将是惊人的。
是否可以使用 React Native 将原生 UI 元素添加到 Angular 组件而不是 React 组件?如果这是一个愚蠢的问题,我深表歉意。
javascript - 是否可以将服务注入 Angular 1.5 组件的 templateUrl 属性?
我的指令需要一个常量(MODULE_ROOT_URL)来生成模板路径。使用指令语法,我可以将常量注入到目录工厂函数中。如何将此指令转换为 Angular 1.5 组件?是否可以将服务注入 Angular 1.5 组件?
谢谢。
更新:我知道服务可以注入到组件控制器中。但是如何为组件的 templateUrl 属性注入服务呢?
更新 2:请参阅 plnkr。我创建了指令和组件版本。指令版本工作正常。但是组件版本有错误 [ngTransclude:orphan]
angularjs - 使用组件作为 $mdDialog 的内联模板
通常,您可能会显示Angular Material
如下对话框:
相反,我想在内联选项中使用一个组件。template
当我尝试这样做时,我看到屏幕变暗,但组件的视图不可见。
似乎组件 ,auth-modal
没有被渲染。
angularjs - 如何以一种方式对绑定的更改做出反应
在以下代码段中:
根据文档-“组件具有明确定义的生命周期”部分,为了监视绑定input
已更改,我们可以使用$onChanges
生命周期方法。我不能让它工作。
这就是我使用它的方式:
function MyComponentController() { self.$onChanges = function (changesObj){ // 这里有一些代码 } }
但是代码甚至没有进入功能。
angularjs - 在 Angular 1.5 中,如何将属性组件绑定为布尔值?
我想知道在 Angular 1.5 中,当您使用组件时,是否有一种简单的方法可以绑定一个布尔属性而不用 @ 转换为字符串。
例如,我有两个组件“app-menu”和“app-menuitem”没有嵌入。“app-menu”只有一个属性,它是要创建“app-menuitem”的项目列表。
在作为 json 的菜单项中,您有一个名为“isactive”的菜单项属性,它是一个布尔值。
在 menuitem 组件中:
我不知道最后确定的最好方法是一个真正的布尔值,而不是一个让我产生一些错误的字符串。有人有想法吗?
angularjs - 无法安装 Angular 1.5 组件路由器
我正在尝试安装 Angular 1.5 组件路由器以用于新项目,但遇到了很多困难。根据https://docs.angularjs.org/guide/component-router,以下应该有效:
这是我看到的:
使用节点 v4.4.2 和 npm v3.8.6。
我觉得我使用了错误版本的 npm 或其他东西,因为我也无法使用他们在文档(npm install@1.5.x angular --save
)中提到的语法安装 angular。当我尝试时,我得到一个通用Usage: npm <command>
错误,就像它甚至无法识别命令一样。
难道我做错了什么?包裹是否被拉/移动?任何帮助,将不胜感激。
angularjs - 用于新组件绑定的 JSDoc
如何编写 jsdocbindings.input
以便在 PhpStorm 中接收类型提示?我尝试了以下 jsdoc,我通常用它来注释我的变量,但它不起作用。
我知道在控制器功能中我可以重新分配变量,但它闻起来: