问题标签 [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 投票
2 回答
887 浏览

javascript - 角度指令链接函数中“attrs”参数的用途是什么

考虑到这个指令:

和这个 JS 控制台输出:

> undefined undefined // 如果没有属性

> value value // 如果属性 value = "value"

函数的attr参数有什么用link?与 $scope 有什么区别?

谢谢

0 投票
2 回答
36 浏览

angularjs - AngularJS:为什么指令看不到范围内的对象

我正在尝试使用 Angular。为了这个问题,我改变了这个小提琴。

当我尝试从指令中访问范围变量“password”和“password_confirmation”时,它会很好地显示它们。看到这个小提琴。像这样:

但是当我创建一个对象并将它们作为属性放在那里时,我就无法再访问它们了。看到这个小提琴。像这样:

怎么来的?

0 投票
1 回答
1555 浏览

angularjs - 角度图未在标记内显示窗口

单击 angular-google-maps 中的标记时,我正在尽力显示一个窗口。几乎这里做了什么http://angular-google-maps.org/demo

这是生成标记的函数——它是从一个休息服务中调用的,每个标记对象都可以在坐标.json中查看:

};

这是声明标记的代码(没有控制器嵌套和一个 $scope )。窗口将继承

这要么是 angular-google-maps 中的错误,要么是我做错了什么(很可能)

我创建了一个 plunkr,它演示了行为 --> http://plnkr.co/edit/z1TdYlYbhSYWZb7n3L4M?p=preview

请告诉我你的想法。

0 投票
1 回答
298 浏览

angularjs - Angular 嵌入指令仅第一次绑定

我正在开发一个简单的就地编辑指令。我的目标是使用指令内容(表单)作为模板,并将输入字段更改为标签。单击表单时,指令应将其替换为原始编辑器内容。

我创建了一个plunk。在这里检查。

它第一次绑定其数据,但不再绑定它们。

我的问题:我的概念有什么问题?如何修复它以破坏预期的行为?

任何帮助或评论都值得赞赏。我被困在这里了。谢谢。

0 投票
3 回答
904 浏览

angularjs - 在 angular.js 中,指令控制器可以访问加载它的页面控制器中的数据吗?

在 angular.js 中,指令控制器可以访问加载它的页面控制器中的数据吗?

使用 UserShowCtrl 控制器调用该<profile user="user"></profile>方法。./users/show.html

无论如何我可以在 profile 指令上使用范围和它自己的控制器,并且仍然能够将数据传递给 UserShowCtrl?

即使配置文件可以独立于它自己的功能,它仍然需要在 UserShowCtrl 控制器中的页面级别上设置一些数据。

这是 _user.html 加载<profile>指令的地方。页面的数据由 提供,UserShowCtrl并且有一些集合会在事情发生时更新,例如关注用户。

现在ng-click="follow(user)">在 _profile.html 中发生了一件事情。我希望能够让指令处理这个问题,但也可以更新 UserShowCtrl 中的集合。

编辑:这是一个展示我正在尝试做的事情的 plunker:

http://plnkr.co/edit/9a5dxMVg9cKLptxnNfX3

0 投票
1 回答
1640 浏览

javascript - 单击按钮打开 AngularJS Accordion

嗨,我正在使用角度控制器和角度视图。

在我看来,我有以下几点:

然后在我的控制器中,我希望能够做两件事:

  1. 在每个组上使用 'is-open' 完全打开手风琴
  2. 有点相关的设置“close-others=false”

我知道如何将这两件事设置为默认值,但我的问题是我需要从我的控制器执行此操作,因为我基本上使用 ng-model 来查看搜索框中的更改以及用户开始输入的那一刻搜索框我希望手风琴完全打开...最终我将使用用户 ._filter 实际进行过滤..但第一步是触发手风琴的打开

现在我的控制器看起来像这样

0 投票
1 回答
794 浏览

angularjs - 数据绑定在指令中的事件中不起作用

我无法让数据绑定在此指令中工作。当我在事件处理程序中更改变量时,变量未正确绑定,

我究竟做错了什么?>测试小提琴

HTML

0 投票
3 回答
6334 浏览

angularjs - Angular 测试:如何期望元素事件被触发?

我正在装饰这样的表格:

现在,我正在尝试测试这个指令:

但是,测试失败了。

测试此指令的正确 Angular 方法是什么?

0 投票
0 回答
26 浏览

javascript - 如何使用Angularjs在某些路线中显示元素

我需要一种方法来使用orng-show中的某些元素。viewsdirectives

在我的应用程序中,我使用的是这样的东西:

但是这种方式在 中不能正常工作directives,因为在其中它只能工作一次。

0 投票
1 回答
1259 浏览

angularjs - 如何延迟指令的运行逻辑,直到 ui-route 得到解决?

我正在将 AngularJS 与 ui-router 一起使用。我正在尝试使用https://github.com/sayanee/angularjs-pdf上提供的 AngularJS PDF 指令。我必须对给出的示例进行一些更改,因为我没有立即获得 PDF 的 URL。

但是,我遇到了一个问题。因为我将与 PDF 关联的 id 值传递到路由中,所以我必须等待解析该参数,直到路由更改成功。我在解决部分下的https://github.com/angular-ui/ui-router/wiki的指导下完成了这项工作。

但是,当我访问该页面时,在解决任何问题之前,并且在我使用此 ID 查询 API 以解析文件的 URL 之前,我发现自己点击了指令。当然,我没有用值填充指令的范围,因为路由还没有返回解析承诺,所以这是一个空值,最终在 pdf.js 中给我一个错误,即 url 不是t 填充。

如何延迟执行指令中的逻辑,直到根据需要适当填充范围?

所以你不必下载我在顶部链接的指令,这就是我正在使用的:

虽然我认为这不是特别必要,但这是我的控制器的简化视图:

ui 视图如下所示:

谢谢!