问题标签 [angularjs-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 回答
19374 浏览

angularjs - Angular JS - 我如何在模型更改时制作动画?

当 currentVertical 发生变化时,我正在尝试做一个很好的淡出+淡入过渡。在淘汰赛中它是如此简单,但我无法在这里弄清楚。请帮忙。

以下代码显示一个 UL 列表,当单击 LI 元素时,该 UL 列表“绑定”到 $scope.currentVertical 中的定价数组,$scope.currentVertical 发生更改,并且 UL 列表相应更新。这工作正常,但我希望整个#container div 在 $scope.currentVertical 更改时淡出和淡入。请帮忙...

我的html:


我的JavaScript:

0 投票
3 回答
16213 浏览

javascript - Angularjs 输入 [placeholder] 指令与 ng-model 中断

因此,使用 angularjs 工作的第一天,我还不太明白。我正在尝试使用角度指令模仿 html5 占位符。在我向该字段添加一个 ng-model 之前它完全有效,然后它仅在用户与该字段交互并破坏该字段的任何值之后才有效。

代码在这里 http://jsbin.com/esujax/32/edit


指令

html


看起来超级简单,但我迷路了

0 投票
1 回答
2507 浏览

angularjs - 以声明方式编写 *wrapper* 指令 AngularJS

我正在使用 AngularJS 和 Reveal.js 创建幻灯片。显示要求表格

用于水平幻灯片。虽然垂直幻灯片有两个部分:

我正在使用角度呈现此页面:

具有多个步骤的幻灯片应该是垂直的。所有其他都应该是水平的。控制器返回步骤并设置 Reveal:

该指令需要在步骤周围添加一个新元素和属性。这是我丑陋的、令人尴尬的、命令式的、类似 jQuery 的指令:

我如何编写它使其看起来像角度代码?jsfiddle

我试过编译、链接、替换、ng-switch 都无济于事。

0 投票
1 回答
223 浏览

angularjs - AngularJS 如何将函数识别为控制器指令

我正在查看Angular API 参考。它说 ngController 是一个指令,并给出以下示例:

这看起来就像一个普通的 Javascript 函数,传入了参数 $scope。我想定义指令,我们需要调用:

Angular 是否将任何带有 $scope 参数的函数视为控制器指令?或者只有当我们修改 DOM 元素以包含 ng-controller = "SettingsController" 时,SettingsController 才会被解释为这样?

0 投票
5 回答
4769 浏览

javascript - AngularJS,ng-switch 如果未包装到 div 中将失败:无法设置未定义的属性“nodeValue”

我有两个指令:

以及相关的模板:

如您所见,每个ng-switch-when都有:

双 div,我认为这是不好的模板。但是,如果我删除 div:

更新:我收到此错误:

但是,如果我直接在 html 页面中使用没有 div 的模板代码(不使用指令,它可以工作)

0 投票
1 回答
26919 浏览

angularjs - AngularJS element.innerHTML 在指令内未定义

假设我有:

...然后innerHTML 是未定义的。我想这是由于 Angular 处理 DOM 的方式。获取innerHTML的正确方法是什么?

0 投票
1 回答
3290 浏览

angularjs - 指令内的角度 $http 请求

我正在尝试在 Angularjs 中使用指令来检查用户是否是他们自己,以便相应地更改模板。

例如

诚然,这可能不是解决此问题的最佳方法,但是我目前想不出更好的方法。

然而,我遇到的问题是我不能在指令中执行 http 请求,因此我必须将它放在控制器中并将其作为范围函数引用,即

用户控制器

用户模块

然而,这种技术带来了一个问题,因为该指令被跨多个文件和多个控制器使用。我认为最合适的解决方案只是在指令中执行请求,但这不起作用,因为您似乎无法将 $http 传递给它。

我理想的解决方案是结合我喜欢的

我显然对框架相当陌生,所以任何帮助将不胜感激。

0 投票
6 回答
122516 浏览

javascript - 当用户离开页面时在 angularjs 中显示警报

我是一个 angularjs 新蜜蜂。我正在尝试编写一个验证,当他试图关闭浏览器窗口时提醒用户。

我的页面 v1 和 v2 上有 2 个链接。单击链接时,它会转到特定页面。这是重定向到 v1 和 v2 的代码

我想在用户单击 v1 时弹出一条消息,“如果他希望继续,他将要从 v1 离开”,并且在单击 v2 时也是如此。任何有关如何实现这一目标的指针将不胜感激。

我在这里得到了答案,但它会在每个时间间隔后弹出消息。

更新代码;

控制器

0 投票
2 回答
16172 浏览

angularjs - 如何在我的角度指令中使用已注册的控制器?

我有一个这样注册的控制器:

在 HTML 中使用ng-controller="MyController"一切正常,但现在我想将此控制器用作我的指令的控制器。像这样的一些事情:

我厌倦了只是放,MyController但它错误地说“MyController is not defined”。我确定如果我只是放入MyController全局命名空间,它会正常工作,但我不想要全局命名空间中的任何内容。如果它有所作为,myModule则定义为otherModule. 我怎样才能获得对这个控制器的引用以供我的指令使用?

按照建议,我试过$controller('MyController')了,但现在我收到以下错误:

我不知道该怎么做这个错误。是否还需要做这项工作?

0 投票
6 回答
113334 浏览

angularjs - 在 Angular 指令的链接功能中使用 ng-click vs bind

在链接功能中,是否有更“角度”的方式将功能绑定到点击事件?

目前,我正在做...

这是 Angular 的做法还是丑陋的 hack?也许我不应该这么担心,但我是这个框架的新手,想知道“正确”的做事方式,尤其是随着框架的发展。