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

angularjs - 如何在(或作为)指令名称中使用 {{expression}}?

我有两个类限制指令,命名fooThingbarThing.

baz我的模板范围中有一个变量 ,设置为foobar

如何在元素的指令名称中使用该范围变量?

当我这样做时<div class="{{baz}}-thing"></div>{{baz}}已正确替换,但未加载指令。

当我这样做时<div class="foo-thing"></div>,该指令已正确加载。

我有一种预感,这与 Angular 的摘要/编译周期有关,但恐怕我不知道如何解决它。

我怎样才能让 Angular首先编译模板的那部分,以便评估我的表达式,然后让它再次编译,以便将其识别为指令?

0 投票
2 回答
746 浏览

html - 在一个文本框中输入的文本被填充到另一个文本框中

这是我的 angularjs 应用程序的 html 代码的一部分

这是我的控制器代码

我在第一个文本框中写的内容也会自动填充到第二个文本框中。

为什么会发生。

如何避免。

0 投票
1 回答
809 浏览

html - 无法设置默认文本框值

这是我的angularjs应用程序的html代码

这是构造函数代码

只有一个文本框中的默认值usr_email被填充。但不能在user_name 任何一点可能有问题。

0 投票
2 回答
2322 浏览

angularjs - AngularJS - 表单验证的指令范围问题

我正在处理表单输入指令。
http://jsfiddle.net/TR9Qt/1/

});

当我将它放入指令时,为什么表单不会验证?

谢谢,
三通

0 投票
6 回答
103503 浏览

angularjs - 将类切换绑定到窗口滚动事件

当用户将浏览器窗口滚动到某个点以下时,我正在切换#page div 的类。

到目前为止我所做的工作正常:

http://jsfiddle.net/eTTZj/29/

(当他们在标题下方滚动窗口时,100px,类被切换)

虽然,如果我错了,请纠正我,但我觉得这不是使用 Angular 执行此操作的正确方法。

相反,我认为最好的方法是使用 ng-class 并在作用域中存储一个布尔值。像这样的东西:

虽然这不是动态的,但如果我在滚动回调中更改 scope.boolChangeClass 的值,那么 ng-class 不会更新。

所以我的问题是:当用户滚动到某个点以下时,如何最好地切换#page 的类,使用 AngularJS?

0 投票
2 回答
2964 浏览

angularjs - 在指令和 $compile() 中使用 ng-click 中的变量

我正在尝试编写一个将创建一组按钮的指令。为了在屏幕上突出显示数据,这些按钮将用作开/关切换。

该指令如下:

现在,我知道要确保该datum['id'']片段由 Angularjs 解释,我需要运行$compile(),但我不确定如何实现这一点。请有人可以展示如何更改此代码以实现此目的吗?(同样,如果这不是解决此问题的正确方法,请告诉我)。谢谢!

0 投票
1 回答
311 浏览

javascript - 模板指令调用另一个指令

我正在开发一个使用 angular.js 和 d3.js 的多数据应用程序。我很难将 <svg> 包含在我的范围内。

现在发生的是,在 ngRepeat 执行它的方法之前,正在加载指令 ngTests。

我把小提琴放在这里,所以你们可以有一个更好的主意。

jsfiddle

PS:我可以在我的 ngTests 指令中获取 td id,但它根本不会更新<td ng-tests id="histogram{{$index}}"

如果我将此行更改为<td ng-tests id="histogram">,请在我的指令中使用 histogram 作为 ID 并将我的 ngTests 指令更改为只读“#histogram”,它会在我的 ngRepeat 的第一个表上创建我的 svg 6 次,这不是我期望的结果。

谢谢你。

0 投票
4 回答
100739 浏览

javascript - 从其他控制器调用指令控制器中的方法

我有一个指令,它有自己的控制器。请参阅以下代码:

这是一个错误/通知/警告的通知系统。我想要做的是从另一个控制器(不是指令控制器)调用show这个控制器上的函数。当我这样做时,我还希望我的链接函数能够检测到某些属性发生了变化并执行一些动画。

这是一些代码来举例说明我的要求:

所以在指令控制器上调用showpopdown,链接函数也应该被触发并执行动画。我怎么能做到这一点?

0 投票
2 回答
8810 浏览

angularjs - 在 AngularJS 中更改路由(动画、加载器等)时触发回调

我对 AngularJS 比较陌生。

当路由改变时,ng-view 改变内容。我希望能够做的是在路线改变时挂钩某些行为。

  1. 例如,我希望能够为我们要离开的视图设置动画(淡出,并向左滑动),当下一个视图可用时,淡入淡出并将视图滑入。这可以通过添加一个类来实现在路由加载时正文,并在路由更改成功时删除一个类

  2. 我希望能够将视图堆叠在当前视图的右侧,这样当一个视图向前移动时,下一个视图首先加载到当前视图的右侧,然后视口向右滑动,因此当前视图视图几乎滑出视图,下一个滑入视图(Windows 手机就像画布外导航)

$routeProvider 是执行此操作的正确位置吗?

有没有大师可以为我指明正确的方向?

0 投票
2 回答
14068 浏览

javascript - Angular js指令在表单中未保存数据时显示浏览器后退按钮的警报

我是 angularjs 的新手。当表单有未保存的数据并且用户按下浏览器后退按钮时,有什么方法可以显示警报。任何有关如何实现这一目标的指针将不胜感激。

更新: :

更新代码