Angular 1.5，从ng-repeat外部调用组件函数？
在Angular 1.5中，可以通过在ng-repeat的外部调用组件函数。具体的步骤如下：
- 首先，在组件的控制器中定义一个函数，该函数将在ng-repeat的外部调用。例如，我们定义一个名为
myFunction的函数。
app.component('myComponent', {
controller: function() {
this.myFunction = function() {
// 在这里编写函数的逻辑
};
},
template: `
<div>
<!-- 在这里使用ng-repeat -->
<div ng-repeat="item in $ctrl.items">
{{ item }}
</div>
<!-- 在这里调用组件函数 -->
<button ng-click="$ctrl.myFunction()">调用函数</button>
</div>
`,
});- 然后，在ng-repeat的外部，通过
$ctrl来访问组件的控制器，并调用定义的函数。在上面的例子中，我们在按钮上使用ng-click指令来调用myFunction函数。
请注意，$ctrl是组件控制器的别名，可以根据实际情况进行修改。
这样，当点击按钮时，就会调用组件中定义的函数。你可以在函数中编写任何逻辑，以满足你的需求。
关于Angular 1.5的更多信息和使用方法，你可以参考腾讯云的AngularJS产品文档：AngularJS产品介绍。
希望这个答案能够帮助到你！如果还有其他问题，请随时提问。
相关·内容
刚开始学习Angular 1.5组件，尝试一些新规则，但似乎无法理解这一点： }]);
(function(angular) {
angular
浏览 3提问于2016-07-27得票数 1
1回答
我的angular项目有一个问题，我需要调用我的组件的导出类中的一个函数。但是我需要从另一个不是组件的TypeScript文件中调用它。该函数需要位于导出类中，因为它显示了一个MatSnackBar。函数setLoggedInStatusAndName是从我的Typescript文件中调用的，它不是一个组件。你可以在下面看到我的代码： import { Component, OnInit } fro
浏览 16提问于2021-07-21得票数 0
回答已采纳
我正在尝试从我的angularjs组件内部的外部JS文件调用函数。我正在尝试让它成为完全的框架，这样就不会使用服务器来为我的应用程序提供服务。它基本上是一个angular组件和一个外部js文件，其中包含我想在angular组件中调用的函数。
我想知道这是否可能，如果可能，是如何实现的。我一直在研究requirejs，但也没有太多的运气。这是没有为我的angular
浏览 0提问于2018-05-15得票数 1
1回答
我对使用Angular pre-1.5相当有经验，但我目前正在开始开发一个基于1.5组件的web应用程序。经过多次故障排除，我似乎仍然不能得到一个基本的模板工作-我可以得到另一组眼睛，请告诉我在以下简单的菜单组件的问题？我感谢任何可能提供的帮助。var appMenuTemplate = " <ul>
<li ng-repeat='item in menuC
浏览 0提问于2016-06-23得票数 0
我使用的是angular 1.5组件，在子组件中使用$emit时，需要调用父控制器中的函数。我们如何做到这一点呢？示例： 'use strict';
}
]).component('parentCom
浏览 3提问于2016-05-18得票数 15
回答已采纳
1回答
我正在尝试编写一个名为"foo“的组件--这个组件接受一个标签，并说"hello {{$ctrl.label}}”。它还会在单击时调用回调函数。我的控制器确实收到了回调
现在，我将这个元素放入ng-重复：<foo ng-repeat="item in $ctrl.items" label="item.label" callback="$ctrl.myCallback如何在组件中定义单击要传递回控制器的内容？<em
浏览 6提问于2016-11-11得票数 1
回答已采纳
尝试从angular CLI组件中调用外部javascript函数
下面的js代码和我的angular在同一页上。
浏览 0提问于2018-03-13得票数 0
1回答
嵌套复杂指令不被执行？
、、、
ng-binding" element="component" type="" ng-repeat="component in slide.components" editor=""> angular.js:6173(匿名函数) angular.js:5219(匿名
浏览 3提问于2013-04-24得票数 0
回答已采纳
在IE 11中，我有一个Angularjs 1.5模式组件，如下所示。模式打开，在render事件中，它使用包含在该组件中的回调函数调用angular应用程序外部的函数。这个外部函数启动一个安装过程，该过程启动一个如下所示的嵌入式对象，然后周期性地调用回调函数。
我遇到的问题是，在从嵌入式对象调用调用的每个回调函数上，模板中的绑
浏览 10提问于2018-11-07得票数 1
我有一个由几个嵌套组件组成的Angular 1.5系统。我现在需要使用一个指令(这需要是一个属性)，它将被嵌入到一个组件中。
如何从子指令调用父组件中的函数？以某种方式公开父组件中的方法以致于子指令中的事件可以调用它的正确语法是什么？
浏览 1提问于2017-02-22得票数 1
/angular-1.0.6/angular.js"></script> function scopeReady(s}; }</head><
浏览 1提问于2013-04-27得票数 2
我想使用ng-repeat内部的组件，如下所示：<my-datatable></my-datatable>my-datatable这就是为什么我想把所有angular组件的代码改成指令。对于隔离的长链...，我在组件控制器中创建了一个引用为<em
浏览 29提问于2017-03-23得票数 0
1回答
我正在尝试弄清楚，在构造或初始化一个子组件时，如何将ng-repeat的值从列表传递给子组件。我的意思是，如果我有一个来自父组件的列表(1，2，3，4)，该列表用于生成4个子组件，那么每个子组件是否有一种方法将变量"id“分配给与repeat的值相关联的值。例如 <child-tag></child-tag>
<&#
浏览 4提问于2018-10-29得票数 0
我正在开发一个angular 1.5应用程序，我将其转换为混合应用程序(UpgradeAdapter)，以使用Angular 2组件。
<ng2-component (onLabelClick)="vm.onLabelClick($event)"><
浏览 2提问于2016-11-02得票数 2
我试图将回调函数绑定到指令，当事件被触发时，父组件的属性是未定义的import {Component} from 'angular2/core';import {MyComponent} from '.INSIDE COMPONENT</button>`export class MyCompon
浏览 4提问于2016-04-03得票数 5
回答已采纳
我在AngularJS中为可重用的按钮创建了一个组件。我需要将按钮文本传递到函数参数中，方法是通过相同按钮的ng单击事件。但是，我无法在函数调用中获得按钮文本。<div class="object-actions" ng-repeat="val in value">
<button-control ng-repeat="v inval" name="
浏览 1提问于2020-02-27得票数 0
回答已采纳
AngularJS (1.5)angular.module('main').component('comp1', [<parentDirective>
<comp1
浏览 1提问于2018-04-23得票数 0
回答已采纳
当在AngularJS中创建每个项目时，我希望从外部库中运行一些函数。我该怎么做？您可以在下面看到我的应用程序的代码。 $scope.blocks =name: 'item #1'}, ];<script sr
浏览 1提问于2015-05-16得票数 0
回答已采纳
自从升级到1.5.x版本之后，我正在从AngularJS指令迁移到组件，并为接下来的2.0迁移做准备。这基本上是一个平稳的转换，但我很难找到如何从组件控制器调用函数并在页面控制器中传递属性。/itemPicker.html <li class="ng-repeat="item in pickerCtrl.items>
<button type="buttonsetCu
浏览 2提问于2016-07-03得票数 0
回答已采纳
1回答
我有一个显示列表项的angular组件。我希望每个列表项都有一组菜单按钮，用于调用父组件/控制器上的各种函数[ {Name: 'Add', Callback: addItem(item)
浏览 3提问于2016-08-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
