AngularJS指令回调
我想通过标签上的参数将调用发送回指令，然后在指令内部适当时调用该方法。例如，当单击按钮时，调用父控制器上的方法。
我有一个简单的问题，它无法正常工作
html文件：
<body ng-controller="ParentController">
<h1> Method Arguments </h1>
<h3> open console to view output</h3>
<hello-world onLoadCallback="myCallback(arg1)"></hello-world>
</body>
javascript文件：
var app = angular.module("app",[]);
function ParentController($scope) {
$scope.myCallback = function(var1){
console.log("myCallback", var1);
}
}
app.directive('helloWorld', function() {
return {
restrict: 'AE',
template: '<h3>Hello World!!</h3>',
scope:{
onLoadCallback: '&'
},
link: function(scope, element, attrs, dateTimeController) {
console.log('linked directive, not calling callback')
scope.onLoadCallback('wtf');
}
};
});
问题答案：
棘手的棘手角度，在HTML中声明参数时，需要使用蛇形大小写而不是驼峰形匹配。
作品：
<hello-world on-load-callback="myCallback(arg1)"></hello-world>
不起作用：
<hello-world onLoadCallback="myCallback(arg1)"></hello-world>
-
主要内容：AngularJS 指令,AngularJS 实例,数据绑定,AngularJS 实例,重复 HTML 元素,AngularJS 实例,AngularJS 实例,ng-app 指令,ng-init 指令,ng-model 指令,ng-repeat 指令,创建自定义的指令,AngularJS 实例,限制使用AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令
-
本文向大家介绍AngularJS内置指令，包括了AngularJS内置指令的使用技巧和注意事项，需要的朋友参考一下 指令，我将其理解为AngularJS操作HTML element的一种途径。 由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点，所以指令早已不陌生。 这篇日志简单记录了一些内置指令，先使用起来，再谈一些有趣的东西。 内置指令 所有的内置指令的前缀
-
问题内容： 有关此问题的改进解决方案，请参阅问题底部 我已经尝试了一段时间，以获取有关pagedown工作的指令。这是stackoverflow使用的完全相同的编辑器。Stackoverflow使此代码在此处可用： https://code.google.com/p/pagedown/ 互联网上有一些版本，但都无法正常运行。我需要的是一个将与所有编辑器按钮一起出现的控件，就像在内联编码以及作为ng
-
本文向大家介绍AngularJS ng-mousedown 指令，包括了AngularJS ng-mousedown 指令的使用技巧和注意事项，需要的朋友参考一下 AngularJS ng-mousedown 指令 AngularJS 实例 在鼠标按下时执行表达式： 定义和用法 ng-mousedown 指令用于告诉 AngularJS 鼠标在指定的 HTML 元素上按下时要执行的操作。 ng-m
-
问题内容： 我正在尝试构建一个指令，该 指令 负责在其声明的元素上 添加更多指令 。例如，我要建立一个指令，需要增加的照顾，和。 如果我尝试添加这些属性然后使用，则显然会生成一个无限循环，因此我正在检查是否已添加所需的属性： 当然，如果我没有该元素，则将设置属性，但不会引导该指令。 这种方法正确还是我做错了？有没有更好的方法来实现相同的行为？ UDPATE ：鉴于这是实现此目标的唯一方法，是否有一
-
问题内容： 我创建了以下AngularJS指令来嵌入YouTube视频： 从模板调用它时，出现以下错误： 错误：[$ interpolate：noconcat]插值时出错：http : //www.youtube.com/embed/ {{code}}严格的上下文转义不允许在需要可信值时连接多个表达式的插值。参见http://docs.angularjs.org/api/ng。$ sce 我无法确