问题标签 [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.
javascript - AngularJS如何要求ngForm与指令处于同一级别
我试图在我的指令中要求与 ngRepeat 的每次迭代相关联的 ngForm。我尝试使用require:'form',但它以未定义的形式返回,也尝试了'^form',但它在ngRepeat之外提供了mainForm。有没有像 require: 'ngForm' 这样的特殊方式,它会给我表单视图指令的第一个元素上的 ngForm 控制器?
表单视图指令之外的父指令模板
表单视图指令模板
表单视图指令
javascript - 从单独的指令修改指令范围内的值
假设我有一个图表指令(如饼图)和一个设置指令,其中包含用于修改图表指令设置的表单。设置指令显示在模式对话框中。
如何使设置指令中的更改在图表指令中生效?
可以有多个图表指令,每个都有独立的设置。每个图表的设置实际上将在设置模式中显示为选项卡,但我将其省略以保持示例简单。
以下是我尝试/考虑过的一些事情:
“使用工厂共享设置值。” 这失败了,因为我可能有多个图表指令,每个都有单独的设置。
“让设置指令成为图表指令的子项。” 设置指令不能是图表指令的子指令,因为它需要在模式中呈现。
这是一个带有一些相关片段的plunkr:
JS:
javascript - Angular:在隔离范围内使用 attr.x 和 scope.x 访问属性有什么区别?
有什么不同吗?哪个更适合什么场合?我知道的唯一一种情况只能attr.x
在 templateUrl 中使用,因为在这个阶段范围还没有被初始化:
还有其他情况,这两者是不可互换的吗?
angularjs - 角轮播不起作用
bower.json 文件的内容:
查看(带中继器和不带中继器):
email.value.files
:
控制台没有错误,存在 css 文件,使用检查元素时指令的根元素为 0px-0px。
angularjs - Angular JS ui-tinymce
我在 Angular 项目中使用 ui-tinymce 模块。在一个控制器中被调用tinymce.execCommand('mceRemoveControl', true, 'ntContent');
,这工作正常。但是在 grunt build 命令之后,我收到以下错误:ReferenceError: tinymce is not defined
. 有人能帮忙吗 ?
javascript - 空数组上的角度双向数据绑定不起作用
我有一个弹出气泡的指令,其中要在弹出窗口中显示的按钮在属性中作为对象数组提供:
JS(控制器)
该指令如下所示:
HTML
JS(指令)
这工作正常。但是,我需要从气泡中没有按钮开始,然后在应用程序中发生事件时添加按钮。所以我从一个空数组开始,然后使用$scope.buttons.push(obj)
来添加每个按钮。请注意,我正在维护原始数组,而不是替换数组,因此不应破坏数据绑定。但是,新按钮不会出现在气泡中,并且调试显示该按钮未添加到指令范围中。
经过实验,我偶然发现如果我从一个非空数组开始然后添加它就可以了。为什么角度数据绑定会在空数组上中断?我可以做些什么来解决这个问题?
编辑
该事件被调用,ng-click
如下所示:
JS(控制器)
javascript - 角度计时器指令不适用于离子框架
我在使用离子框架实现角度计时器指令时遇到问题。 http://siddii.github.io/angular-timer/
当我使用 bower 或 google cdn 实现代码时,我没有任何问题。
但是,当我使用离子包 http://code.ionicframework.com/1.0.0-beta.13/js/ionic.bundle.js时, 我无法让计时器工作。并且似乎在控制台中没有任何错误。
这是一个已知的问题?
什么会阻止它工作?
是否有人们可以推荐的备用计时器?这对我来说似乎是最好的?
javascript - 通过指令调用时,ngTagInput 出现 javascript 控制台错误
我正在尝试[ngTagsInput][1]
在我的angularjs
项目中实施。以下是我的设置
在我看来(myview.html.haml)
这与
** 以上代码是我从ngTagInput插件网站本身复制的。我正在使用 CDN 加载与插件网站中相同的版本。但是当我输入标签时,我在我的 javascript 控制台中收到以下错误
它看起来与承诺有关。(我很新angularjs
,我只是在猜测),但我想知道它在网站给出的示例中是如何工作的
但是,如果我在页面加载时加载标签,它就可以正常工作。这里可能出了什么问题。任何帮助将非常感激
在@Pierre 评论后编辑,我的新代码如下所示
我可能忘记了最重要的部分,我in controller
从directive
. (对于那个很抱歉... :()
recipeform.tags
是我的模特
两个 js 代码都给出了与以前相同的错误:(
angularjs - 按周分页 - AngularJS
我正在尝试在 AngularJS 中按周对事件列表(使用 ng-repeat)进行分页。我有一个自定义过滤器,它只显示本周内的事件,但我正在尝试添加功能来查看未来和过去几周。
这是我用于事件列表的过滤器 -
我尝试使用 ng-click 调用一个使用 moment.js 到 .add(7, 'days'); 的函数 到 weekStart 和 weekEnd 变量,但似乎无法让它工作。
任何帮助,将不胜感激。
这是一个具有基本功能的 CodePen - http://codepen.io/drewbietron/pen/xbKNdK
angularjs - AngularJS:使用指令的 UI 路由器设置配置
我了解 UI-router 的配置设置,它工作正常。现在我正在尝试将以下配置移动到指令中。这样,js文件中的代码长度就会减少。可能是,这是糟糕的设计,但我想实现这一点:)
当前配置(根据 UI 路由器设计)
我想要改变的
如何从指令中添加 UI 路由器配置?有可以设置的API吗?或任何其他更好的方法来处理这个......我的目的是减少配置块中的代码。