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产品介绍。
希望这个答案能够帮助到你！如果还有其他问题，请随时提问。
相关·内容
我很确定这是一个很简单的问题，但是我被卡住了。我有一个，它打开一个表单，该表单有一个Select元素和其他元素，需要使用Array/JSON值进行填充。由于某种原因，我不得不从ModalForm控制器或主页控制器传递这些值。我创建了这个柱塞，它重现了这个问题。
主页代码为：
angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('ModalDem
浏览 3提问于2017-08-04得票数 1
2回答
我是Angular JS的新手。我今天开始学习Angular JS。在我使用jQuery和Bootstrap作为前端之前。现在我想使用AngularJS显示引导对话框。我找到了这个，。
但是对于初学者来说，有太多的东西是难以理解的。如何更正代码以显示引导程序对话框？
这是我的代码
<html>
<head>
<title>Angular</title>
<link rel="stylesheet" href="http://localhost:8888/angular/bootstrap.css"
浏览 18提问于2016-09-14得票数 0
我有一个特殊的场景，即使在一个模式窗口打开之后，我的数据也会被更新。我应该通过在模式弹出上添加一个新项目来刷新模态弹出的数据。这里是柱塞，我试着传递$rootScope，但是从文档中，我意识到默认范围传递的是$rootScope。我的柱塞链接是
我使用的角度ui引导和使用$uibModal请建议一个解决方案，我可以尝试。在我的柱塞代码中，即使更新了$item，我的模式也不会被刷新。
<!doctype html>
<html ng-app="ui.bootstrap.demo">
<head>
<script src=
浏览 2提问于2017-08-03得票数 0
回答已采纳
我有一个带有isolate scope的指令，它通过引用接受一个scope变量
angular.module('myApp')
.directive('myDirective', function() {
return {
scope: {
items: '='
},
templateUrl: 'template.html',
replace: true,
浏览 1提问于2014-11-15得票数 8
回答已采纳
1回答
如何在angularJs指令中调用控制器的任意函数
当指令的绑定值发生变化时，我尝试调用父控制器的函数，它与指令没有多大关系。
我一直在查看堆栈中的Q&A，但它们都与将一个值从指令传递给控制器有关，这不是我的情况。
我认为我的情况通常是常见的，场景是:在循环中显示复杂的对象，在指令上显示对象绑定的属性之一。当属性发生更改时，使用更新的复杂对象执行操作。
但是，在我的代码中，它打印旧的对象值而不是更新的对象值。我的猜测是，我的更新函数是在$digest进程完成之前调用的。
有什么建议吗？
柱塞例子：
下面是Controller代码：
var $ctrl = this;
$ctrl
浏览 3提问于2018-05-25得票数 1
回答已采纳
我需要在angularjs中运行这段代码。
当我尝试执行这个模型函数时，它没有运行。
它甚至没有显示警报或控制台。
那么在angularjs中使用这个脚本文件的方法是什么呢？
下面是我在example.html中的代码：
<div>
{{sample}}
</div>
<div><button ng-click="name()"></div>
<script>
function name(){
alert("text");
}
</script>
浏览 5提问于2017-04-24得票数 15
回答已采纳
我有一个关于angular指令的想法，但我不确定它是否可行。
我经常需要从ng-repeat数组中删除和项，所以事实上的解决方案是在作用域上有一个函数：
$scope.remove = function(item) {
var index = $scope.items.indexOf(item);
$scope.items.splice(index, 1);
}
我经常为每个ng-repeat编写这个样板代码，如果能做这样的事情就好了：
<li ng-repeat="item in items">
<button ng
浏览 0提问于2015-03-21得票数 0
2回答
我在比较一个循环中的两个整数，它通过一个包含JSON对象的数组循环。JSON对象包含一个ID和一个名称。当我单击窗口的“关闭”按钮时，该窗口应该会消失，其他窗口应该保持不变，但是如果我用最高的ID关闭窗口，所有窗口都会关闭，例如，如果我关闭了第五个窗口，则#1-5会被关闭，但ID仍然较高。
ctrl.items = [{
id: 1,
name: "Number one"
},
{
id: 2,
name: "Number two"
},
{
浏览 0提问于2014-10-25得票数 1
回答已采纳
1回答
我遵循这个为我的ui添加了一个模态对话框。它建议使用以下标记，我已将其添加到我的一个视图中。
... html for my view is here ...
<button class="btn" ng-click="open()">Open Modal</button>
<div modal="showModal" close="cancel()">
<div class="modal-header">
<h4>Modal Dialog
浏览 3提问于2017-02-13得票数 0
回答已采纳
3回答
我有一个严重的性能问题，。
我想在列表中显示详细信息，但是函数调用次数太多了。
你可以
以下是HTML代码：
<div ng-controller="MyCtrl as ctrl">
<p>Watch your console, then click on a letter. Why "myterious" function is launched so many time ???</p>
<button ng-click="ctrl.setValue('B')">Display B
浏览 4提问于2016-02-05得票数 0
回答已采纳
我在app上工作，我使用过angular.js和Bootstrap.我有一个页面，其中我使用了模式弹出窗口。在这个弹出的项目列表中，每个项目都有一个button.My问题，那就是当我点击按钮时，我的范围变得为空。
$scope.user='UserName';
$scope.openList=function(){
$('#poplist').modal('show')
}
$scope.getUser=function(){
console.log('username are ' + $scope.user); //
浏览 1提问于2017-03-12得票数 0
1回答
假设我有一个很长的项目列表。
this.items = [{id: 1, name: 'one'}, {id: 2, name: 'two'}, ...]; // 2000 items
我想在没有繁重的浏览器的情况下显示它们。我的模板：
<div ng-repeat="item in $ctrl.items">
<span>{{ ::item.id }}</span>
</div>
它只为items数组提供了一个监视器，并且我的列表滚动得足够快。但是假设我想要两种不同的模式:一种是显示I，另一种
浏览 11提问于2017-02-01得票数 0
我有一个“自行车”数组，需要在我的表单中填充(最小长度为1)。在我的控制器中我有一个空数组'this.bikes = [];‘
我有一些控件可以在数组中添加和删除自行车。
addBike(bike){
this.bikes.push(bike);
this.currentBike = null;
}
removeBike(bike){
this.bikes = this.bikes.filter((b) => bike != b);
}
如何对数组本身应用表单验证，以便在数组为空时(例如'if ($ctrl.bikes.length == 0) $
浏览 2提问于2018-08-10得票数 0
我的页面上有这样的元素
<div ng-app="myApp" class="ng-cloak" ng-controller="MyController as ctrl">
<div class="item" ng-repeat="i in ctrl.items">
<h3>Some text...</h3>
<p ng-bind="i.id"
浏览 2提问于2017-05-26得票数 1
回答已采纳
当我点击我的按钮时，只需要恢复(在“myfunction”中)我行上的变量“name”
这是我的索引页
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<table&
浏览 3提问于2017-03-17得票数 0
回答已采纳
1回答
绑定到var vm = this的扩展控制器无法从组件bindings读取绑定的值。
例如，差异在(单击按钮显示实体)
app.controller('ThisBasicCtrl', function() {
this.click = function() {
this.text = this.entity;
};
});
app.controller('VmBasicCtrl', function() {
var vm = this;
vm.click = function() {
vm.text = vm.entity; /
浏览 1提问于2017-07-07得票数 0
我有一个任务项列表：
模板：
<div>
<p class="assignment">{{ task.Assignment }}</p>
<p class="assignment">{{ task.Assignee }}</p>
<button class="btn btn-primary btn-sm" ng-click="backTask()"><i class="fas fa-arrow-left">
浏览 5提问于2018-05-15得票数 0
5回答
我想在AngualrJS中创建一个服务和一个控制器。问题是我需要在服务中访问$scope。我认为好的解决方案是将这个服务直接放在控制器中，但是我不知道如何去做。这是我的HTML：
<div ng-controller="myController">
<input type="text" id="idInput" name="idInput" ng-model="nameModel">
浏览 5提问于2016-05-17得票数 2
回答已采纳
<div ng-app="myApp" ng-controller="controller" class="cell-list-box">
<div >
<button ng-click="changeArrayFun(1)">array1Button</button>
<button ng-click="changeArrayFun(2)">array2Button</button>
<
浏览 3提问于2017-01-09得票数 0
我对AngularJS非常陌生，必须将Angular UI引导程序集成到现有的AngularJS应用程序中。
在模式中，我必须放置一个屏幕截图，仅此而已。没有不必要的杂乱。但是我想不通。代码中有很多乱七八糟的东西，我无法做到这一点。
我不想在控制台中选择的项目和日志。只是一个简单的模式，显示它的屏幕截图(图像)，就是这样。有人能给我指路吗？
下面是代码。
<!doctype html>
<html ng-app="ui.bootstrap.demo">
<head>
<script src="https://ajax
浏览 6提问于2018-02-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
