如何从指令中调用控制器函数
从指令中调用控制器函数可以通过以下步骤实现：
- 在HTML模板中，使用指令并指定一个控制器函数。例如，使用ng-click指令来调用控制器函数：
<button ng-click="myControllerFunction()">点击调用控制器函数</button>- 在对应的控制器中，定义该函数。例如，使用AngularJS框架的控制器：
app.controller('MyController', function($scope) {
$scope.myControllerFunction = function() {
// 在这里编写控制器函数的逻辑代码
};
});- 确保指令所在的HTML元素在控制器的作用域内。这意味着指令所在的HTML元素必须在控制器的范围内，以便能够访问到控制器函数。
通过以上步骤，当用户点击指令所在的HTML元素时，控制器函数将被调用执行。这样可以实现从指令中调用控制器函数的功能。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法提供相关链接。但腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可根据具体需求选择适合的产品。
相关·内容
3回答
角-我可以对嵌套的ng重复中的多个对象使用单个函数来触发该对象的ng显示吗？
javascript、angularjs、angularjs-ng-repeat、angularjs-ng-show
摘要
我有一个品牌清单和一个产品清单。我使用ng重复来显示品牌列表，使用ng重复和过滤器显示各自品牌内的产品列表。我希望每个品牌和每个产品都有一个按钮，显示更多关于该品牌/产品的信息。所有这些按钮都应该在控制器上使用相同的函数.
问题
显示该品牌更多信息的按钮也显示了该品牌每个产品的更多信息，除非(对我来说这是奇怪的部分)我首先单击该品牌内某个产品的按钮，在这种情况下，它将正确工作。
码
请参阅此处的柱塞，并注意，当您单击某个品牌上的“显示类型”时，它还会显示该品牌内所有类型的产品：。
<!DOCTYPE html>
<html>
<head>
浏览 2提问于2016-01-31得票数 0
回答已采纳
4回答
调用与角指令绑定的参数化函数。
javascript、angularjs、angularjs-directive
我创建了一个角指令，用于调用父控制器中的方法，该方法接受父控制器中的参数(true/false)--一个方法。
app.controller('MyCtrl', function($scope){
$scope.myMethod = function(val) {
alert(val)
};
});
在我的指令中
app.directive('confirmBox',function() {
return {
restrict: 'E',
template: &
浏览 2提问于2015-12-09得票数 0
回答已采纳
1回答
从子控制器调用工厂时，如何更新显示？
angularjs
让我们假设以下HTML：
<div ng-app="myApp" ng-controller="myController">
{{currentValue}}
<div ng-controller="myInnerController">
<button ng-click="toggleValue()">
Click me
</button>
</div>
</div>
这是JS：
var app = angular.m
浏览 1提问于2015-12-22得票数 0
回答已采纳
1回答
访问与指令实例关联的控制器
javascript、angularjs
我已经将一个控制器与一个指令关联起来，如下所示：
return function MyDirective() {
return {
scope: {},
restrict: 'E',
template: template,
controller: 'myController',
replace: true,
};
};
如果我想从模板访问控制器上的方法，我需要将控制器添加到作用域的属性中吗？
模板：
<div>
<div>
&l
浏览 1提问于2015-08-19得票数 1
2回答
Angular:需要从模块注入控制器
javascript、angularjs
我正尝试在我的自定义指令中使用require函数。但我就是不能让它工作。这就是我得到的：
JS：
var app = angular.module('main', []);
app.controller('MyController', ['$scope', function($scope){
var random = Math.random()*10000;
console.log('init random: ' + random);
$scope.test = function(controlle
浏览 0提问于2016-02-08得票数 0
2回答
角度范围函数参数返回未定义
angularjs、angularjs-directive、angularjs-scope、angular-controller
我从指令中调用了一个控制器函数，但是当我console.log检查值时，函数参数返回未定义。想知道我做错了什么，或者可能是我忘记了一个步骤。我实际上硬编码了一个值，以查看是否显示，但仅在控制台中未定义。注意:自定义指令模板来自外部文件，因此函数参数不会传递到控制器。只有当自定义指令元素附加了值时，它才起作用。应该使用inside指令html。
//******************** Directive ********************//
app.directive('customdir', [function() {
return {
restr
浏览 0提问于2016-08-24得票数 1
1回答
angularjs中ng-click指令的双向绑定
angularjs、angularjs-scope、angularjs-ng-click、two-way-binding
我用两个元素调用了一个函数。当我触发这个函数时，点击一个事件，那么它也应该被再次击中，无论我在哪里调用该函数。
//html
<button type="button" ng-click="{{myFunction()}}">click Me !!</button>
<p ng-show="{{myFunction()}}">{{name}}</p>
//控制器
myApp.controller('myController', function ($scope) {
$sco
浏览 1提问于2017-07-13得票数 0
回答已采纳
2回答
如何仅使用工厂方法在控制器之间共享数据
html、angularjs
嗨，到目前为止，我已经尝试了下面的代码
HTML
<div ng-controller="mycontroller"> <button ng-click ="clickme()">
demoooooo</button> {{message}}</div>
<div ng-controller="hellocontroller">{{message}}</div>
在我的js中
app.factory("datafactory",fu
浏览 0提问于2018-05-25得票数 0
1回答
ng内部的jQuery -单击以传递html元素引用。
jquery、angularjs
注意：不是上面的副本。以上是访问点击元素，这个问题是关于访问一个不同的元素。
问题
如何将html文档中的元素(而不是单击的元素)传递给ng-click中的角范围方法
示例：
HTML：
<body ng-app="myApp">
<div ng-controller="myController">
<input type='text'></input>
<button ng-click="clickHandler($('input'));"
浏览 2提问于2014-07-06得票数 2
1回答
传递父控制器方法转换子指令
javascript、angularjs、directive、angularjs-ng-transclude
我试图从转换子指令的链接函数中访问父指令的控制器方法，但是没有结果。当我将子元素作为父模板的一部分或从父ng控制器传递它时，它就能工作。transclude不应该在角1.4中创建一个子范围吗？
Javascript：
var app = angular.module('app', []);
app.controller('AppController', function($scope) {
$scope.ctrlFn = function() {
alert('hello');
};
});
app.directive(
浏览 2提问于2015-12-11得票数 2
2回答
指令作用域.在控制器函数之后调用$watch
angularjs、angularjs-directive、angularjs-scope、angularjs-controller、angularjs-watch
所以我有控制器和指令。我很难理解为什么我的控制器按照我的指令运行。我已经搜索了堆栈，试图找到答案，但似乎大多数答案都是一个案例的基础。
我的控制器最简单的形式是
app.controller('MyCtrl', ['$scope', function ($scope){
$scope.initAddress = {
place_id: "",
geometry: {
location: {
A: "",
F: ""
}
浏览 2提问于2015-12-07得票数 1
回答已采纳
1回答
指令引用其自己的id
angularjs、jquery-ui-dialog
我使用了一个指令来利用jqueryUI对话框。
app.directive('popUp', function() {
return {
restrict: 'E',
scope: {
myId: '@',
onCancel: '&'
},
template:
'<div id="{{myId}}">
<b
浏览 0提问于2014-12-04得票数 0
2回答
函数在角指令中，我可以从控制器中调用它。
angularjs
是否可以在指令中创建一个可以从控制器调用的函数。它应该是这样的：
HTML：
<div myDir id='myDir'>My dir</div>
<button ng-click="clickme()">click me</button>
联署材料：
app.directive("myDir", function(){
return function(){
var dirFunction = function(){
alert("hello world"
浏览 1提问于2013-08-23得票数 1
回答已采纳
4回答
在禁用的按钮上防止ng-click="“效果
angularjs
如何防止AngularJS不点击带有"disabled“属性的HTML按钮？
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<button type="button" disabled ng-click="something()">No Click Please!</button>
在这种情况下，不应该调用something()。
浏览 0提问于2016-09-07得票数 5
3回答
转角UI模态不起作用
angularjs、angular-ui-bootstrap、angular-ui、angular-directive
的目标是将元素从控制器转换成一个角度UI模型，其中Modal是由指令包装的。解决办法应遵循以下前提：
该指令声明字段的转移。这些字段包含在控制器HTML标记中的指令声明中。
在控制器中声明的这些字段应该显示在Modal中。
这些字段的范围应该可以在控制器中访问(请注意，我在控制器中声明了一个input1变量，该变量应该在Modal中设置一个值)。
我定义了一个content元素来转换字段。此元素位于模态模板中。我不确定什么时候这个模板可以转换它。
总之，目标是在控制器HTML标记中声明一组字段，并在该模型中提供该字段，其中模型被包装在指令中，范围在控制器中进行管理。任何
浏览 8提问于2016-09-27得票数 7
回答已采纳
5回答
以角度单击文本以显示div标记
javascript、jquery、html、css、angularjs
我想知道如何用角度来实现这一点，因为ng-click似乎是可以使用的，那么ng-model似乎可以使用它。
我想点击文本，然后让一个div显示它的内容，但是它不起作用。
我的小提琴
<div class="well" ng-controller="MyController">
<a class="btn btn-primary" ng-model="selMe" ng-click="handleAnchorClick()">Enter Address</a>
</d
浏览 7提问于2017-03-17得票数 0
回答已采纳
3回答
角度不清除文本输入
javascript、angularjs、angularjs-ng-show
我想根据控制器的点击隐藏一个div：
我的HTML：
<div ng-controller ="myctrl">
<div ng-repeat="emp in emps">
<div class="myclass">
<p> {{emp.name}} </p>
<span class="testclass" ng-click="showBox='true'" >Show
浏览 0提问于2017-03-18得票数 2
回答已采纳
1回答
指令中使用控制器作用域的angularjs
angularjs、scope
我有一个JSBin ，我想要做的事情。我有一个控制器和一个指令(它们是兄弟姐妹)。
我希望跟踪几个复选框的状态的控制器，以及我想用复选框填充div的指令(在我的实际应用程序中，该指令处理大约十几个不同的模板)。复选框的状态保存在将在应用程序的不同部分中再次访问的服务中。
由于我希望维护‘控制器as’语法，而不是仅仅将所有内容转储到$scope中，所以我很难让指令使用控制器作用域。
是否最好将复选框切换到指令中，或者是否有方法将控制器作用域包含到指令中？我试过尝试使用scope指令选项，但没有成功。
编辑：在这里发布了JSBin的代码：
HTML：
<!DOCTYPE html>
浏览 3提问于2014-11-13得票数 0
1回答
如何在ui-codemirror中更新模型
angularjs
我有两个单独的控制器，它们共享一个财产。如果第一个控制器更改了属性，则第二个控制器应该识别它，并更改codemirror文本区域中的文本。我试图在这个示例中解决这个问题，但是我找不到解决方案。
var app = angular.module('myApp', ['ui.codemirror']);
app.service('sharedProperties', function() {
var objectValue = {
data: 'test object value'
};
浏览 1提问于2016-08-11得票数 0
回答已采纳
1回答
如何访问不使用模板的指令中的独立作用域
javascript、angularjs、angularjs-scope
当我在元素上设置控制器时，该元素及其子元素可以访问该控制器的作用域。这说得通。
但是，当我向元素(作为属性)添加带有隔离作用域的指令时，我希望该元素及其子元素能够访问隔离作用域，但它们没有。
HTML：
<body ng-app="testMod" ng-controller="ParentController">
<div id="div1" ng-controller="MyController">
<a href="#" ng-click="doit()
浏览 3提问于2016-10-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
