问题标签 [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.
angularjs - Angular JS - 我如何在模型更改时制作动画?
当 currentVertical 发生变化时,我正在尝试做一个很好的淡出+淡入过渡。在淘汰赛中它是如此简单,但我无法在这里弄清楚。请帮忙。
以下代码显示一个 UL 列表,当单击 LI 元素时,该 UL 列表“绑定”到 $scope.currentVertical 中的定价数组,$scope.currentVertical 发生更改,并且 UL 列表相应更新。这工作正常,但我希望整个#container div 在 $scope.currentVertical 更改时淡出和淡入。请帮忙...
我的html:
我的JavaScript:
javascript - Angularjs 输入 [placeholder] 指令与 ng-model 中断
因此,使用 angularjs 工作的第一天,我还不太明白。我正在尝试使用角度指令模仿 html5 占位符。在我向该字段添加一个 ng-model 之前它完全有效,然后它仅在用户与该字段交互并破坏该字段的任何值之后才有效。
代码在这里 http://jsbin.com/esujax/32/edit
指令
html
看起来超级简单,但我迷路了
angularjs - 以声明方式编写 *wrapper* 指令 AngularJS
我正在使用 AngularJS 和 Reveal.js 创建幻灯片。显示要求表格
用于水平幻灯片。虽然垂直幻灯片有两个部分:
我正在使用角度呈现此页面:
具有多个步骤的幻灯片应该是垂直的。所有其他都应该是水平的。控制器返回步骤并设置 Reveal:
该指令需要在步骤周围添加一个新元素和属性。这是我丑陋的、令人尴尬的、命令式的、类似 jQuery 的指令:
我如何编写它使其看起来像角度代码?jsfiddle
我试过编译、链接、替换、ng-switch 都无济于事。
angularjs - AngularJS 如何将函数识别为控制器指令
我正在查看Angular API 参考。它说 ngController 是一个指令,并给出以下示例:
这看起来就像一个普通的 Javascript 函数,传入了参数 $scope。我想定义指令,我们需要调用:
Angular 是否将任何带有 $scope 参数的函数视为控制器指令?或者只有当我们修改 DOM 元素以包含 ng-controller = "SettingsController" 时,SettingsController 才会被解释为这样?
javascript - AngularJS,ng-switch 如果未包装到 div 中将失败:无法设置未定义的属性“nodeValue”
我有两个指令:
以及相关的模板:
如您所见,每个ng-switch-when
都有:
双 div,我认为这是不好的模板。但是,如果我删除 div:
更新:我收到此错误:
但是,如果我直接在 html 页面中使用没有 div 的模板代码(不使用指令,它可以工作)
angularjs - AngularJS element.innerHTML 在指令内未定义
假设我有:
...然后innerHTML 是未定义的。我想这是由于 Angular 处理 DOM 的方式。获取innerHTML的正确方法是什么?
angularjs - 指令内的角度 $http 请求
我正在尝试在 Angularjs 中使用指令来检查用户是否是他们自己,以便相应地更改模板。
例如
诚然,这可能不是解决此问题的最佳方法,但是我目前想不出更好的方法。
然而,我遇到的问题是我不能在指令中执行 http 请求,因此我必须将它放在控制器中并将其作为范围函数引用,即
用户控制器
用户模块
然而,这种技术带来了一个问题,因为该指令被跨多个文件和多个控制器使用。我认为最合适的解决方案只是在指令中执行请求,但这不起作用,因为您似乎无法将 $http 传递给它。
我理想的解决方案是结合我喜欢的
我显然对框架相当陌生,所以任何帮助将不胜感激。
javascript - 当用户离开页面时在 angularjs 中显示警报
我是一个 angularjs 新蜜蜂。我正在尝试编写一个验证,当他试图关闭浏览器窗口时提醒用户。
我的页面 v1 和 v2 上有 2 个链接。单击链接时,它会转到特定页面。这是重定向到 v1 和 v2 的代码
我想在用户单击 v1 时弹出一条消息,“如果他希望继续,他将要从 v1 离开”,并且在单击 v2 时也是如此。任何有关如何实现这一目标的指针将不胜感激。
我在这里得到了答案,但它会在每个时间间隔后弹出消息。
更新代码;
控制器
angularjs - 如何在我的角度指令中使用已注册的控制器?
我有一个这样注册的控制器:
在 HTML 中使用ng-controller="MyController"
一切正常,但现在我想将此控制器用作我的指令的控制器。像这样的一些事情:
我厌倦了只是放,MyController
但它错误地说“MyController is not defined”。我确定如果我只是放入MyController
全局命名空间,它会正常工作,但我不想要全局命名空间中的任何内容。如果它有所作为,myModule
则定义为otherModule
. 我怎样才能获得对这个控制器的引用以供我的指令使用?
按照建议,我试过$controller('MyController')
了,但现在我收到以下错误:
我不知道该怎么做这个错误。是否还需要做这项工作?
angularjs - 在 Angular 指令的链接功能中使用 ng-click vs bind
在链接功能中,是否有更“角度”的方式将功能绑定到点击事件?
目前,我正在做...
这是 Angular 的做法还是丑陋的 hack?也许我不应该这么担心,但我是这个框架的新手,想知道“正确”的做事方式,尤其是随着框架的发展。