问题标签 [angular-directive]

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 回答
932 浏览

angularjs - Angular + D3 - 从点击事件获取范围值以显示在模板中

我正在使用 D3 和 Angular 开发地图应用程序,但在单击事件的模板中显示范围值时遇到问题。

我的指令:

我的控制器:

因此,当前行为有一个click事件绑定到指令中绘制的路径。控制器有一个绑定到作用域的函数,该作用域执行辅助函数以获取相关数据。

console.log()语句按预期打印出来,首先显示控制器方法,然后是指令调用。所以我知道这些值在示波器上是可见的。但是,使用此模板,它们根本没有显示:

div的唯一输出是County 元素 countyData的一对空值。是空的。{}countySelection.POP2000

鉴于此布局,如何通过click事件更新模板与范围值?

0 投票
1 回答
164 浏览

angularjs - 使用注入属性在指令中封装 html 夹头的最佳方法

我试图做类似的事情:

并在指令上:

但我得到了编译语法错误

PD:我在示例中使用http://vitalets.github.io/angular-xeditable/#overview

0 投票
1 回答
46220 浏览

angularjs - 如何在 AngularJS 中读取 csv 文件内容?

我想使用 AngularJS 和 HTML5 读取 csv 文件并获取其内容。我想把 csv 文件的内容放在 $scope.

我的 html 中有这段代码

0 投票
2 回答
983 浏览

javascript - 具有不同对象属性的表的自定义指令

假设我想编写一个可重用 + 通用指令,该指令将在我的整个项目中使用。该指令将显示一个表格,如下所示:

假设在我的控制器中,我有两个不同的数组,每组具有不同属性的不同对象:

所以基本上问题是:我如何选择(在控制器中)要在表格中显示的属性是什么?

深度问题:现在我有两个不同的数组,每个数组都有自己的属性。我将如何在我的 HTML 中使用它

<div index-table components="userArray"></div>

举个itemArray例子。每个对象将有 4 个属性,即Id,ProductNo等。但在我的表格中,我只想显示其中的 2 个,仅说ProductNoBasePrice。如何丢弃我不想要的其他两个属性?从我的部分模板中可以看出,我使用的是 double ng-repeats

到目前为止我考虑过/尝试过的事情:尝试将对象映射到数组,但我相信ng-repeat它更智能。我需要添加更多范围属性吗?如何编写我的链接功能?有任何想法吗?

0 投票
1 回答
2715 浏览

css - 在 Angular 指令中动态更改 CSS?

我有一个我目前正在制作的指令,它是一个文本类型的输入字段。现在,如果文本对于输入字段而言太大,我希望该字段的宽度动态增长。以下是我的指令:

这是plunker:

动态改变宽度

我知道您可以更改您在元素对象上使用的 CSS 类,但是,我不只是想更改我想要基本上动态更改宽度的类,因为文本在框内增加。所以问题是:如何将每次触发“onchange”事件时的 CSS 更改为正在输入的文本的长度?另外,我想将它包含在一个指令中,这样我就不会依赖它声明的父范围内的任何东西。

0 投票
2 回答
30606 浏览

angularjs - 在角度形式指令的单元测试中设置视图值输入字段

我有一个构建表单的指令:

我想要做的是通过单元测试验证在给定一些输入的情况下会显示错误消息。使用 angular 1.2 我可以修改 $scope.config.item ,它会更新视图值并显示错误。

据我所知,对于 angular 1.3,如果模型未通过验证,则视图值不会更新......所以我需要修改视图值以确保显示错误消息。

如何访问“configItem”输入,以便设置视图值以确保显示错误消息?

编辑显示单元测试

我看到该值设置正确,但错误仍然有一个 ng-hide 应用于标签。当我查看页面并手动更改输入值时,ng-hide 将被删除,如果我输入大于 10 的值,则会显示错误。

0 投票
2 回答
2234 浏览

angularjs - 单选按钮返回 ngchange 中的前一个值

我正在尝试为带有值的无线电输入创建指令。这些值将从指令传递。当单选按钮更改时,我还想更新控制器中的值。这是我想出的...

但是控制台日志输出之前选择的(plunker

有人可以看到我缺少什么吗?

0 投票
1 回答
657 浏览

angularjs - 如何将查询字符串参数传递给 bgf-pagination 指令?

我正在尝试使用这个角度指令对我的结果进行分页。

问题是该指令在编译 {{sortBy}} 之前请求我的 url,它破坏了我的应用程序。

我该如何改变呢?

0 投票
1 回答
382 浏览

angularjs - 指令隔离范围未定义,angularjs 1.3

我正在做一个指令,当我在作用域上执行控制台时,我有一个奇怪的行为,我得到一个从控制器作用域传递的值,但是当我尝试从作用域访问它时,它是未定义的,如scope.model

这是代码:

HTML

请看一下控制台输出: 控制台输出

0 投票
1 回答
1533 浏览

angularjs - ngTagsInput:根据条件禁用标签的输入

我正在使用ngTagsInput为我的应用程序创建一些标签。

我的问题是:标记输入字段拒绝disable. 即,我想在标签数等于 1 时禁用输入字段。

我检查了文档,但那里什么也没有。由于<tags-input>是自定义指令,因此它忽略disabled="disabled".

ngTagsInput的演示

这个问题似乎与类似。到目前为止,它没有任何回复。

难道解决这个问题的唯一方法是在源代码的指令中添加disabled="disabled"属性?<input-tags>