从AngularJS中的指令调用父控制器的方法
在上一个问题之后，我现在尝试从指令中调用父控制器上的方法。我得到一个未定义的参数。这是我的工作：
<body ng-app="myApp" ng-controller="MainCtrl">
<span>{{mandat.rum}}</span>
<span>{{mandat.surname}}</span>
<input type="text" ng-model="mandat.person.firstname" />
<my-directive mandate-person="mandat.person" updateparent="updatePerson()" >
</my-directive>
</body>
和脚本：
var app = angular.module('myApp', []);
app.controller('MainCtrl', function ($scope) {
$scope.mandat = { name: "John", surname: "Doe", person: { id: 1408, firstname: "sam" } };
$scope.updatePerson = function(person) {
alert(person.firstname);
$scope.mandat.person = person;
}
});
app.directive('myDirective', function () {
return {
restrict: 'E',
template: "<div><span>{{mandatePerson.id}}<span><input type='text' ng-model='mandatePerson.firstname' /><button ng-click='updateparent({person: mandatePerson})'>click</button></div>",
replace: true,
scope: { mandatePerson: '=', updateparent: '&' }
}
}
)
调用updatePerson方法时，person是未定义的。
jsfiddle在这里：http :
//jsfiddle.net/graphicsxp/Z5MBf/7/
问题答案：
只需简单地如下更改您的html
<my-directive mandate-person="mandat.person" updateparent="updatePerson(person)" >
</my-directive>
您没有通过updatePerson传递“人”，这就是为什么它不起作用
-
问题内容： 我可能会考虑将其完全倒退，但是我正在尝试制作三个嵌套指令，让它们称为：屏幕，组件和小部件。我希望窗口小部件能够触发组件中的某些行为，从而触发屏幕中的某些行为。所以： 我可以使用来在小部件的链接fn中要求父组件，但是如何进一步使组件控制器访问其包含的屏幕呢？ 我需要的是WHAT in组件，因此，当您单击小部件的按钮时，它会发出“ screeny！”警报。 谢谢。 问题答案： 您可以通过以
-
问题内容： 我想触发一个包含jQuery指令的AngularJS自定义指令。如何做呢？我已经在指令中阅读了关于发射功能的信息？ 想法？ 问题答案： 您可以使用服务在控制器和指令之间进行通信。 服务可能如下所示： 该指令可以响应服务： 只需将我所做的替换为jQuery操作，您就应该拥有所需的东西。 这是一个有效的小提琴：http : //jsfiddle.net/jeremylikness/wqXY
-
问题内容： 我有一个具有自己的控制器的指令。请参见以下代码： 这旨在成为错误/通知/警告的通知系统。我想做的是从另一个控制器（不是指令控制器）调用此控制器上的函数。当我这样做时，我还希望我的链接函数检测到某些属性已更改并执行了一些动画。 这是一些代码来举例说明我要的内容： 所以打电话时开启指令控制器，链接功能也应该被触发，执行动画。我该如何实现？ 问题答案： 这是一个有趣的问题，我开始考虑如何实现
-
问题内容： 我正在尝试使用AngularJS创建我的第一个应用程序。但是，如果我需要针对特定情况使用指令，我会感到困惑。 我有一个简单的“地图”页面，需要在其中显示所选区域的纬度/经度值。目前，我根本没有使用指令。我在控制器中执行所有操作，并使用局部显示结果。我不打算在其他任何地方重用我的地图视图。这就是为什么我不觉得我需要指令。 另一方面，我读到某个地方，每次您尝试在控制器中操作DOM（我正
-
如果不使用隔离作用域，我似乎找不到从指令中调用父作用域上的函数的方法。我知道如果我使用隔离作用域，我可以使用“ 在这个简单的示例中，我想显示一个JavaScript确认对话框，并且只有在确认对话框中单击“确定”时才调用doIt（）。使用隔离范围很简单。指令如下所示： 但问题是，因为我使用的是隔离作用域，所以上面示例中的ng hide不再针对父作用域执行，而是在隔离作用域中执行（因为在任何指令上使用
-
问题内容： 我尝试将一个参数从指令传递给控制器中定义的方法。 我使用隔离范围。 这是Fiddle中的相关代码和Demo： 的HTML JS 我为什么得到？它应该是 谢谢， 问题答案： 您需要注释您的函数参数： 小提琴 视图： 指示： 在文档中对此进行了解释（尽管有些含糊）： ＆或＆attr- 提供一种在父作用域的上下文中执行表达式的方法。如果未指定attr名称，则假定属性名称与本地名称相同。给