angularjs - 来自 AngularJS 组件的表面信息
问题描述
文件说
输出通过 & 绑定实现,作为组件事件的回调函数
处理程序在包含我的组件的功能的控制器中定义。
$scope.handleStatusChange = function (sc) {
console.log(sc);
}
它在标记中绑定到组件。
<search-context
centre-code="4321"
on-status-change="handleStatusChange">
</search-context>
当我在组件的代码中调用处理程序时,处理程序被调用但参数未定义。我没有成功尝试以各种方式表达参数。
ctrl.onStatusChange(ctrl.status);
ctrl.onStatusChange({ value: ctrl.status });
如何传递参数?
处理程序是否需要签名?
解决方案
文档中的这个示例暗示属性名称和参数名称之间存在匹配约定。
function HeroDetailController() {
var ctrl = this;
ctrl.delete = function() {
ctrl.onDelete({hero: ctrl.hero});
};
ctrl.update = function(prop, value) {
ctrl.onUpdate({hero: ctrl.hero, prop: prop, value: value});
};
}
<hero-detail ng-repeat="hero in $ctrl.list" hero="hero"
on-delete="$ctrl.deleteHero(hero)"
on-update="$ctrl.updateHero(hero, prop, value)"></hero-detail>
重写以便标记绑定中的名称与调用回调时传递的对象中的属性名称匹配。
处理程序实现不需要匹配,只需要组件代码和标记。
推荐阅读
- angular - Spa with Net5.0避免了QueryString的丢失
- php - 我需要在 laravel 应用程序中找到 vueJs 组件/模板文件
- pytorch - 如何从磁盘加载torchvision 模型?
- linux - nasm write 系统调用不适用于 64 位版本如何解决?
- reactjs - Reactjs 从本地网络外部的后端获取数据
- java - 如何让我的 AlarmManager 在所有手机上工作 && 如何获得安排我的闹钟的权限而不删除它们
- excel - 添加工作表后Excel“此操作不适用于多项选择”
- python - Arcpy 脚本不断给出错误“TypeError:预期的字符串或类似字节的对象”
- grpc - 使用 java-grpc-prometheus 获取 gRPC 服务指标
- typescript - 如何在打字稿中获取泛型类型参数?