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

javascript - AngularJS如何要求ngForm与指令处于同一级别

我试图在我的指令中要求与 ngRepeat 的每次迭代相关联的 ngForm。我尝试使用require:'form',但它以未定义的形式返回,也尝试了'^form',但它在ngRepeat之外提供了mainForm。有没有像 require: 'ngForm' 这样的特殊方式,它会给我表单视图指令的第一个元素上的 ngForm 控制器?

表单视图指令之外的父指令模板

表单视图指令模板

表单视图指令

0 投票
1 回答
98 浏览

javascript - 从单独的指令修改指令范围内的值

假设我有一个图表指令(如饼图)和一个设置指令,其中包含用于修改图表指令设置的表单。设置指令显示在模式对话框中。

如何使设置指令中的更改在图表指令中生效?

可以有多个图表指令,每个都有独立的设置。每个图表的设置实际上将在设置模式中显示为选项卡,但我将其省略以保持示例简单。

以下是我尝试/考虑过的一些事情:

“使用工厂共享设置值。” 这失败了,因为我可能有多个图表指令,每个都有单独的设置。

“让设置指令成为图表指令的子项。” 设置指令不能是图表指令的子指令,因为它需要在模式中呈现。

这是一个带有一些相关片段的plunkr:

JS:

0 投票
0 回答
62 浏览

javascript - Angular:在隔离范围内使用 attr.x 和 scope.x 访问属性有什么区别?

有什么不同吗?哪个更适合什么场合?我知道的唯一一种情况只能attr.x在 templateUrl 中使用,因为在这个阶段范围还没有被初始化:

还有其他情况,这两者是不可互换的吗?

0 投票
1 回答
1696 浏览

angularjs - 角轮播不起作用

bower.json 文件的内容:

查看(带中继器和不带中继器):

email.value.files

控制台没有错误,存在 css 文件,使用检查元素时指令的根元素为 0px-0px。

0 投票
1 回答
1278 浏览

angularjs - Angular JS ui-tinymce

我在 Angular 项目中使用 ui-tinymce 模块。在一个控制器中被调用tinymce.execCommand('mceRemoveControl', true, 'ntContent');,这工作正常。但是在 grunt build 命令之后,我收到以下错误:ReferenceError: tinymce is not defined. 有人能帮忙吗 ?

0 投票
1 回答
1429 浏览

javascript - 空数组上的角度双向数据绑定不起作用

我有一个弹出气泡的指令,其中要在弹出窗口中显示的按钮在属性中作为对象数组提供:

JS(控制器)

该指令如下所示:

HTML

JS(指令)

这工作正常。但是,我需要从气泡中没有按钮开始,然后在应用程序中发生事件时添加按钮。所以我从一个空数组开始,然后使用$scope.buttons.push(obj)来添加每个按钮。请注意,我正在维护原始数组,而不是替换数组,因此不应破坏数据绑定。但是,新按钮不会出现在气泡中,并且调试显示该按钮未添加到指令范围中。

经过实验,我偶然发现如果我从一个非空数组开始然后添加它就可以了。为什么角度数据绑定会在空数组上中断?我可以做些什么来解决这个问题?

编辑

该事件被调用,ng-click如下所示:

JS(控制器)

0 投票
5 回答
6102 浏览

javascript - 角度计时器指令不适用于离子框架

我在使用离子框架实现角度计时器指令时遇到问题。 http://siddii.github.io/angular-timer/

当我使用 bower 或 google cdn 实现代码时,我没有任何问题。

但是,当我使用离子包 http://code.ionicframework.com/1.0.0-beta.13/js/ionic.bundle.js时, 我无法让计时器工作。并且似乎在控制台中没有任何错误。

这是一个已知的问题?

什么会阻止它工作?

是否有人们可以推荐的备用计时器?这对我来说似乎是最好的?

0 投票
1 回答
1431 浏览

javascript - 通过指令调用时,ngTagInput 出现 javascript 控制台错误

我正在尝试[ngTagsInput][1]在我的angularjs项目中实施。以下是我的设置

在我看来(myview.html.haml)

这与

** 以上代码是我从ngTagInput插件网站本身复制的。我正在使用 CDN 加载与插件网站中相同的版本。但是当我输入标签时,我在我的 javascript 控制台中收到以下错误

它看起来与承诺有关。(我很新angularjs,我只是在猜测),但我想知道它在网站给出的示例中是如何工作的

但是,如果我在页面加载时加载标签,它就可以正常工作。这里可能出了什么问题。任何帮助将非常感激

在@Pierre 评论后编辑,我的新代码如下所示

我可能忘记了最重要的部分,我in controllerdirective. (对于那个很抱歉... :()

recipeform.tags是我的模特

两个 js 代码都给出了与以前相同的错误:(

0 投票
2 回答
1521 浏览

angularjs - 按周分页 - AngularJS

我正在尝试在 AngularJS 中按周对事件列表(使用 ng-repeat)进行分页。我有一个自定义过滤器,它只显示本周内的事件,但我正在尝试添加功能来查看未来和过去几周。

这是我用于事件列表的过滤器 -

我尝试使用 ng-click 调用一个使用 moment.js 到 .add(7, 'days'); 的函数 到 weekStart 和 weekEnd 变量,但似乎无法让它工作。

任何帮助,将不胜感激。

这是一个具有基本功能的 CodePen - http://codepen.io/drewbietron/pen/xbKNdK

0 投票
1 回答
732 浏览

angularjs - AngularJS:使用指令的 UI 路由器设置配置

我了解 UI-router 的配置设置,它工作正常。现在我正在尝试将以下配置移动到指令中。这样,js文件中的代码长度就会减少。可能是,这是糟糕的设计,但我想实现这一点:)

当前配置(根据 UI 路由器设计)

我想要改变的

如何从指令中添加 UI 路由器配置?有可以设置的API吗?或任何其他更好的方法来处理这个......我的目的是减少配置块中的代码。