Angular 1.5.8组件,在ng-repeat中获取父上下文

雷吉·玛尼(Regi Mani)

我正在使用在数据库中配置的ng-click操作模板创建动态菜单。

<ul class="dropdown-menu dropdown-menu-right" id="widget-{{$ctrl.id}}-context-menu">
    <li ng-repeat="Menu in $ctrl.menu">
        <a href="" ng-click="$parent.evaluateFn(Menu.Template)">{{Menu.Name}}</a>
    </li>
</ul>
  1. 如何从ng-repeat中引用父上下文,以便可以解析模板字符串(例如'$ ctrl.handleClick('abc')')以产生click事件?$ parent和$ ctrl在ng-repeat中不起作用。
  2. 将字符串转换为ng-click事件的正确方法是什么?我该怎么办
库恩罗亚尔

$scope与部件始终是孤立的,我不知道,你可以访问它的方式,你不应该。您需要做的是从父控制器/组件绑定功能。

从父级绑定功能:($ctrl此处是父级)

<my-component action="$ctrl.evaluateFn">

将绑定添加到您的组件:

bindings: {
    action: '&'
}

在标记中使用它:

<ul class="dropdown-menu dropdown-menu-right" id="widget-{{$ctrl.id}}-context-menu">
    <li ng-repeat="Menu in $ctrl.menu">
        <a href="" ng-click="$ctrl.action(Menu.Template)">{{Menu.Name}}</a>
    </li>
</ul>

您可以使用任何您想要的代替action

https://docs.angularjs.org/guide/component

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在ES5中将升级的Angular 1服务/工厂注入Angular 2组件?

来自分类Dev

测试ES5中的Angular 2组件?

来自分类Dev

jQuery timpicker方法中Angular2组件的上下文

来自分类Dev

Angular 1组件与指令定义

来自分类Dev

在SAPUI5中获取另一个组件上下文

来自分类Dev

在SAPUI5中获取另一个组件上下文

来自分类Dev

Angular 1组件绑定不评估父控制器变量

来自分类Dev

访问Angular2 JavaScript ES5组件中的元素

来自分类Dev

angular 5 在同一组件中重置图表 js 栏

来自分类Dev

将resolve参数传递给UI Router中的angular1组件

来自分类Dev

Angular 1.5组件中的“&”

来自分类Dev

在没有升级插件的情况下使用angular 1应用中的angular 2组件

来自分类Dev

Angular 8组件中数据访问的奇怪可能性

来自分类Dev

Angular 1组件路由器查询参数

来自分类Dev

Angular 1组件路由器查询参数

来自分类Dev

在 spring 5 中与孩子共享父 spring 上下文

来自分类Dev

Angular 8-如何将数据从1组件导出到2,然后导出到3

来自分类Dev

Angular 2组件中的组件不显示?

来自分类Dev

ngModel的Angular 2组件不更新父模型

来自分类Dev

AEM CQ5组件中的外部图像

来自分类Dev

获取传递到Angular2组件的数据

来自分类Dev

带有ng-model的Angular 1.5组件

来自分类Dev

如何使angular2组件ng无效

来自分类Dev

如何使angular2组件ng无效

来自分类Dev

在angular 1.5组件中未调用$ postLink

来自分类Dev

Angular 2组件中的Google AdSense广告?

来自分类Dev

从Angular 2组件中访问`selector`

来自分类Dev

ngClick事件未在Angular 1.5.5组件中触发

来自分类Dev

Angular 2组件选择器中的条件