在指令中定义控制器与在简单控制器中定义控制器的区别
在于它们的作用范围和使用场景。
- 指令中定义控制器： 指令是AngularJS框架中的一个重要概念，用于扩展HTML标签的功能。在指令中定义控制器意味着将控制器与指令绑定在一起，使得指令可以拥有自己的控制器逻辑。这样做的好处是可以将指令的行为和数据封装在一起，提高代码的可维护性和复用性。
指令中定义的控制器只在该指令的作用域内起作用，不会影响其他指令或页面中的控制器。这种方式适用于需要在指令内部处理一些特定的逻辑或数据操作的情况。例如，一个自定义的日期选择器指令可以在指令中定义一个控制器来处理日期的选择和展示逻辑。
推荐的腾讯云相关产品：无
- 简单控制器中定义控制器： 简单控制器是指在AngularJS应用的控制器中直接定义控制器函数。这种方式是AngularJS最常见的控制器定义方式，适用于简单的页面逻辑和数据绑定。
简单控制器中定义的控制器函数可以在整个应用的作用域内起作用，可以被多个视图共享和复用。这种方式适用于需要在多个视图中共享相同的逻辑或数据的情况。例如，一个用户登录的控制器可以在不同的页面中使用，处理用户登录、注销等操作。
推荐的腾讯云相关产品：无
总结：
在指令中定义控制器和在简单控制器中定义控制器的区别在于作用范围和使用场景。指令中定义的控制器适用于需要在指令内部处理特定逻辑的情况，而简单控制器中定义的控制器适用于在整个应用中共享和复用控制器逻辑的情况。
相关·内容
我已经写了几条指令了。他们中的一两个人使用了自己的控制器。我一直在研究角本身的一些指令是如何工作的，以及一些角UI引导指令是如何工作的。
他们有时也使用控制器。在大多数情况下，控制器似乎只是添加了一种很好的方式包装代码，并保持它更模块化。我确信，对于您的指令什么时候应该有自己的控制器，必须有一些更好的建议。
浏览 3提问于2013-11-12得票数 0
回答已采纳
我看到一个指向角的链接函数，如下所示：
link: function (scope, element, attrs, ctrls) {
var ngModelCtrl = ctrls[0],
invalidInputController = ctrls[1];
// ...
}
有人能帮助我理解ctrl参数中的控制器来自哪里吗？
编辑：指令具有一个角require属性，指定了其他两个指令，如下所示：
require: ['ngModel', '?numberFormatterPreventInvalidInput'],
我怀疑他们是从那里
浏览 3提问于2015-01-28得票数 2
回答已采纳
如果使用控制器和link创建指令，我越深入角度，就越不了解为什么要将控制器绑定到特定的路由。
app.js
(function(){
angular.module('app', ['ngRoute'])
.config(['$routeProvider', function($routeProvider){
$routeProvider
.when('/', {
templateUrl : 'home.template.html',
controller : &#
浏览 2提问于2015-06-23得票数 0
我想知道创建控制器的这两种方法的用例是什么：
使用ngController:
myApp.controller('myController', ['$scope', function ( $scope ) {
}]);
在带有控制器属性的指令中构造控制器：
myApp.directive ( 'myDirective', [ '$window', function( $window ) {
return {
restrict: 'A',
controller: [ '
浏览 7提问于2013-10-07得票数 10
回答已采纳
3回答
在AngularJS指令中，我理解有两种方法来定义控制器。可以使用controller:选项将控制器定义为指令定义的一部分。或者，指令templateURL:'someview.html'的视图可以包含所需的控制器。有人能解释一下这两种选择的区别吗?什么时候使用哪一种？
指令中的：
app.directive('myDirective', function() {
templateUrl: 'someview.html,
controller: 'MyController' ----> either here
}
浏览 3提问于2014-04-12得票数 6
假设我之前有一个没有通过API公开的函数，现在我决定公开这个函数(在我的例子中是为了测试覆盖率)。
将我想要访问的对象放在控制器构造函数之外作为$scope的属性还是控制器上的this.propertyName的参数是什么？
浏览 1提问于2014-08-20得票数 0
2回答
根据AngularJS文档a/指令控制器是：
在预链接阶段之前实例化，如果它们按名称请求它，则与其他指令共享(参见require属性)。这允许指令彼此通信，并增强彼此的行为。
在UI视图由容器和小部件组成的情况下，小部件的链接功能可以通过声明式方法require:^cotnainerDirective在容器指令控制器中传递，这听起来很棒，也很有用。这为回调容器行为提供了另一种方法，而不是依赖于事件的通信。
例如，一个小部件指令要求容器控制器如下所示：
angular.module('platform').directive('widget', [ fun
浏览 5提问于2013-05-13得票数 1
回答已采纳
3回答
我使用孤立的范围指令已经有一段时间了，我想到了一个问题，观察它的行为：
为什么不能将我在指令继承范围内定义的变量直接绑定到视图？
让我在这个代码笔上展示一个例子：
当我在指令控制器中创建一个新的$scope变量并试图将它绑定到视图上时，它不起作用。另一方面，当我将该变量绑定到来自template指令属性的html上时，它确实有效。
查看代码：
<body ng-app="isolated-test-app">
<section ng-controller="isolatedTestCtrl">
<article>
浏览 1提问于2015-05-20得票数 4
回答已采纳
我很难理解atmega128p这样的avr微控制器中指令寄存器和计数器寄存器的工作原理。
有没有办法用简单的方式解释他们做的事情？
浏览 3提问于2016-12-07得票数 0
回答已采纳
因此，我的印象是Angularjs可能有点冗长，我希望能够清楚地了解以下功能和何时使用它们之间的主要区别。我“感觉”我理解，但线条有点模糊和虚幻，所以我希望其他人澄清。
两种用法的不同之处在于:它们在职责上似乎是可以互换的，而在用法上则是可以互换的。
A.服务
B.工厂
C.提供者
module.controller和module.directive.controller之间有什么区别？ie：
var app = angular.module("someApp",[]);
app.controller("someCtrl1", functio
浏览 4提问于2015-01-05得票数 0
回答已采纳
1回答
我在角度上是新的，这就是为什么我不知道什么时候应该在指令中声明控制器。
参见一个示例代码
<body ng-app="App">
<div ng-controller="AppCtrl">
<div data-items></div>
</div>
</body>
angular.module('App', []).
// sample data
controller('AppCtrl', function($scope){
浏览 3提问于2016-04-21得票数 0
回答已采纳
我一直在使用AngularJS中的指令，它使用从控制器的$scope中获取的数据构建了一个HTML。当控制器从服务器获取JSON数据时，我的控制器设置了一个$scope.ready=true变量。这样，指令就不必在每次获取数据时一次又一次构建页面。
以下是发生的事件的顺序：
控制器页加载一个路由并触发控制器函数。
页面扫描指令，并触发这个特定的指令。
该指令构建元素并计算其表达式并向前推进，但当触发指令链接函数时，它将等待控制器“就绪”。
准备就绪后，会触发一个内部函数，然后继续构建该部分。
这是可行的，但代码是混乱的。我的问题是，有没有更简单的方法来做这件事？我可以抽
浏览 1提问于2012-08-12得票数 1
回答已采纳
1回答
经过许多研究，我无法正确地测试角指令，因为我无法访问它的控制器内的函数。
以下是指令代码：
angular.module('app').
directive("accordionItem", function () {
return{
restrict: 'E',
replace: true,
templateUrl: function (elem, attr) {
return 'partials/invoic
浏览 0提问于2015-10-02得票数 6
回答已采纳
我有两种情况：
从指令()调用控制器中定义的函数。
该指令包括一个“&”范围限制，用于关联控制器和指令函数。如果单击文本，则在指令中触发元素单击事件，并调用控制器函数。$scope.$apply()用于通知AngularJS单击事件，并刷新屏幕上var的值。
从控制器()调用指令中定义的函数。
该指令没有任何范围限制，这意味着控制器中的$scope和指令中的scope是共享的。我在可以从控制器调用的指令中定义了func1() (尝试单击文本)，但是由于控制器需要知道函数的名称，所以它似乎具有侵扰性。
是否有一种方式来定义func1()，使函数名在指令div中声明
浏览 3提问于2014-11-05得票数 0
回答已采纳
2回答
我有一个非常简单的指令。
在密码里，
我在作用域中使用了“@”作为链接。我能正确地得到它。
但是这不是双向绑定，所以我尝试使用范围中的"=“进行绑定。
这部分似乎没有反映在我的模板中。我试着查看链接变量是否存在于作用域中，它似乎没有定义。
这个指令应该放在控制器内吗？
我在代码中遗漏了什么。
浏览 2提问于2014-05-25得票数 1
回答已采纳
基本上我用的是这个：
<form ng-model="form" ng-submit="save()" name="form" class="form">
它创建了一个新的表单控制器，对吗？我想为我的应用程序中的所有窗体控制器添加一个方法"addErrors“，现在我必须手动添加它，在引导我的应用程序时，有什么方法可以通过配置或运行方法添加它吗？
致以问候。
浏览 2提问于2014-04-09得票数 0
回答已采纳
我对变角很陌生，我试着真正地学习如何组织我的代码，所以未来的同事将能够很快找到他们的方法。
我知道的一条规则是“如果它操作DOM，将它放入一个指令中”，这是我所遵守的。
但也有一些时候，我不知道该把我的方法放在哪里，因为我可以把它们放到主应用程序控制器中，或者放在指令中作为“控制器”选项提供的控制器中，甚至在指令中的函数(选项“链接”)中。
对于过滤器和服务，我非常清楚，但是有了控制器和指令，这条线就变得很模糊了。我已经意识到，即使使用了一个小应用程序，我也会到处传播一些代码，这已经让我感到困惑，甚至对我自己来说也是如此。因此，我想获得一些关于更好地组织我的代码的提示。
所以我想我的主要问题是
浏览 2提问于2014-07-15得票数 13
我希望在我的指令中访问来自父=>父控制器的函数(用控制器作为表示法)。我使用的是角1.3.14，我有以下结构：
控制器(带有保存功能)
(子)控制器
带有模板(和独立作用域)的指令。在这个模板中，我有一个按钮，它应该从父(父)控制器调用保存函数。
我不想打电话给$scope.$parent.$parent.save(.)有人有主意吗？
提前谢谢。
浏览 5提问于2015-04-29得票数 0
回答已采纳
Javascript：
angular
.module('app', [])
.directive('compileExample', compileExample);
function compileExample() {
return {
restrict: 'E',
scope: {},
compile: function(tElement, tAttrs) {
angular.element(tElement).append("My name is {{nam
浏览 5提问于2016-02-18得票数 1
回答已采纳
我试图在控制器中调用一个函数，它是自定义角指令的一部分，下面是代码，
方法1: (不工作:控制器的函数不写到控制台)
HTML:
<div ng-app="MyApp">
<my-directive callback-fn="ctrlFn(arg1)"></my-directive>
</div>
JS:
var app = angular.module('MyApp', []);
app.directive('myDirective', function() {
浏览 7提问于2014-04-03得票数 1
回答已采纳
我已经在这个地址的柱塞上创建了一个测试：
以下是工作的子控制器：
child.directive('child', function(){
return{
restrict:'E',
templateUrl: 'child.html',
link: function(){},
controller:['$scope', function($scope){
this.inherited = $scope.test;
this.local =
浏览 5提问于2015-02-22得票数 0
回答已采纳
1回答
为了破解我需要使用的插件，我被迫使用了jQuery代码；应该将这些代码放在控制器中还是放在html中的<script>标记中(让代码接近DOM)？
浏览 1提问于2015-01-23得票数 0
回答已采纳
我正在学习代码学校的教程，在指令教程中，他们给出了非常简单的自定义指令示例，比如1.Element指令和2.Attribute指令。因此，我的问题是，我们可以通过控制器实现需求，然后在其中，我们将需要自定义指令。
示例元素指令
index.html
<product-title> </product-title>
自定义指令
app.directive('productTitle', function(){
return {
restrict: 'E', // E for HTML Element
浏览 6提问于2015-07-21得票数 0
我在角指令上工作了一段时间，现在，我遇到了一个问题。
module.controller和可以在指令中定义的controller之间有什么不同？
angular.module().controller()
angular.module().directive(function(){
return {
controller:
}
});
两者的定义似乎是一样的。
另一个问题是，我会为指令控制器分配由angular.module().controller()定义的控制器吗？
浏览 0提问于2014-12-27得票数 1
回答已采纳
假设我有一个名为foo的指令：
<div>
<label>Enter foo: </label>
<input ng-model="myModel"/>
</div>
我是这样用的：
<foo></foo>
<button>Add foo: </button>
我要做的是在每个按钮上动态地添加foo指令，并且能够访问在相应的控制器中为这个页面创建的新模型变量。
这能用angularJS来完成吗？
浏览 4提问于2014-10-20得票数 0
回答已采纳
1回答
var app = angular.module('app', [])
app.controller('MainController', function MainController() {})
app.controller('directiveCtrl', function directiveCtrl() {})
.directive('controllerName', function($timeout) {
return {
restrict: 'A',
temp
浏览 2提问于2017-05-22得票数 0
我对角没有太多的经验，而且我在app.config()中使用一个函数有问题
我在控制器中定义了一个函数，用于检查html页脚上的特定css属性：
app.controller('MyController', function($scope) {
var footer = $scope.footer;
$scope.checkSmall = function() {
if(footer.css("flex-flow") != "row nowrap") {
return true;
} else {
浏览 2提问于2016-03-14得票数 0
回答已采纳
我正在尝试获取有关AngularJS应用程序性能的信息。我想知道使用$watch或ng-if是否有任何性能差异，因为我们可以使用其中一种或另一种来获得相同的结果/行为。
请注意，我只使用$watch 来检查数据是否加载了。该指令不需要监视将来的数据更改
例如，我们有一个从Ajax请求中检索数据的控制器和一个需要这些数据的指令。
使用$watch
控制器
angular.module('myApp').controller(
'MyController',
['$scope', 'MyService&
浏览 4提问于2017-01-31得票数 1
我很难理解控制器的用途。我理解它是如何引用事物的，但是既然您可以将它抛到指令中，那么您是否希望为html中的特定部分使用ng控制器，而不是创建一个内置控制器的指令呢？
浏览 4提问于2015-07-17得票数 5
回答已采纳
3回答
我试图在指令中处理来自我的数据库的数据，但是这些数据是由控制器拉出来的，并且被分配到这样的范围：
日历主计长：
'use strict';
var CalendarController = ['$scope', 'EventModel', function(scope, EventModel) {
scope.retrieve = (function() {
EventModel.Model.find()
.then(function(result) {
scope
浏览 0提问于2015-08-10得票数 0
回答已采纳
我对angularjs还很陌生，而且我一直在访问控制器中的指令属性。
指令
<rating max-stars="5" url="url.json"></rating>
app.directive('rating', [function () {
return {
restrict: 'E',
scope: {
maxStars: '=',
url: '@'
},
浏览 8提问于2014-07-21得票数 9
回答已采纳
我有一个指令，我想把它和控制器紧密结合起来作为一个组件。我假设我是在遵循最佳实践，显式地传递我的函数，即使我声明要使用控制器。下面是一个示例：
app.js
var app = angular.module('plunker', [])
app
.controller('myCtrl', function($scope) {
$scope.output = '';
$scope.foo = function () {
$scope.output = 'foo';
}
$scope.bar =
浏览 4提问于2015-02-05得票数 0
回答已采纳
2回答
我的html
<section class="localsContainer" ng-controller="LocalsCtrl">
<h3>Lokale</h3>
<div class="placesProgress"></div>
<ul>
<li ng-repeat="city in cities">
<p ng-show="city.LocalCount >
浏览 2提问于2014-12-13得票数 0
回答已采纳
2回答
我知道，当你把指令和控制器放在同一个文件中时，你就没有了。
.directive('example', function() {
})
.controller('MainCtrl', function($scope) {
// could use the example directive in the corresponding html
});
但我一直认为，当指令位于不同的文件中时，确实需要将其注入控制器。如下所示：
example.directive.js
.directive('example', function() {
})
m
浏览 6提问于2014-12-14得票数 1
回答已采纳
1回答
选择指令范围
、、、
标题可能有点误导，但我想不出更好的描述。
我编写了一个指令，其中包括一个ng-repeat
app.directive('appDirective',function($purr){
var template = '' +
'<div ng-repeat="elements in queue">' +
'</div>';
return{
template: template
}
});
如果我是
浏览 0提问于2013-07-26得票数 0
回答已采纳
1回答
在过去的几天里，我读了很多关于指令和控制器之间的联系的文章。我已经做了一些观察，但在将它们整合在一起时遇到了困难，可以使用一些指导。
我看到控制器和指令有四到五种混合的方式。
给定：
angular.module('myApp', []);
myApp.controller('ctrlName', function($scope){
$scope.someVar = "some value";
});
我已经看到指令和控制器通过以下方式相互作用和连接：
1)用一个点链接在一起
myApp.controller('ctrlName&#
浏览 1提问于2015-09-02得票数 0
2回答
我很难理解angularjs是如何决定如何计算属性的。例如，使用ng-repeat
<div ng-repeat="item in items"></div>
item in items部件将作为表达式进行计算，查找控制器中某个位置设置的items数组的内容。
但使用ng-src
<img ng-src="/path/to/img/"></img>
path/to/img/将被视为一个文字。如果我想使它“动态”，我必须写：
<img ng-src="/path/to/img/{{id}}"&g
浏览 1提问于2015-11-04得票数 2
回答已采纳
我不需要使用ngView，但是我需要知道控制器中的路由参数。因此，我试图在我的控制器中注入$routeParams。但是，它不起作用，我在HTML中声明了一个ngView。那么，为什么配置$routeProvider需要在ngView中声明一个ngView(实际上这不是我的需求所需要的)？
代码示例:角应用程序
var routeParamsApp = angular.module('routeParamsApp', ['ngRoute']);
配置文件
routeParamsApp.config(['$routeProvider', funct
浏览 2提问于2013-11-17得票数 1
回答已采纳
在Vojta Jina的优秀存储库中，他演示了指令的测试，他在模块包装器之外定义了指令控制器。查看此处：
这是不是很糟糕的做法，并且污染了全局名称空间？
如果在另一个地方使用TabsController可能是合乎逻辑的，那不是会破坏一些东西吗？
可以在以下位置找到上述指令的测试：
是否有可能将指令控制器与指令的其余部分分开测试，而不将控制器放在全局名称空间中？
将整个指令封装在app.directive(...)中会很好。定义。
浏览 2提问于2013-03-10得票数 66
回答已采纳
我正在建立一个应用程序，基本上计算价格，因为你选择的选项。因此，基本上它是一个带有选择选项的表单，当您在表单下运行时，应用程序将处理更精细的价格，并更改其他表单字段的选项。
目前，我已经构建了一个API，在这个处理过程中，应用程序需要点击API几次。最终将有7-12个表单字段组成定价选项。在绘制控制器的同时，我想知道如何才能使我的处理保持有序。如果我是用PHP这样的语言这样做的话，那么每个表单元素都会有不同的函数，每次表单更改时都会进行处理。
在角度上，每个视图都有一个控制器，我很好奇你们这些专业人士是如何组织它的。
在一种非特定的语言结构中，我在想.
选择一个有5个选项，用户选择一个。
浏览 0提问于2014-02-16得票数 0
回答已采纳
2回答
据我所知，scope基本上是控制器的一个实例。
每次我声明一个控制器时，scope都可以用于该控制器。
但是为什么指令在链接函数中有scope呢？
我没有为指令声明任何控制器。
那么为什么link函数有scope呢？知道吗？
浏览 2提问于2015-12-02得票数 3
回答已采纳
我的理解是，指令应该主要涉及DOM交互和模板。相反，设置与$scope相关的应用程序逻辑是控制器的责任。
然而，角允许您为指令本身创建一个作用域，比如使用{ scope: true }。如果这样做，什么时候应该像在控制器构造函数中一样初始化--在post链接函数中？这似乎是对指令的不当使用，因为它与DOM无关。
当使用角指令作用域而不是创建必须与该指令一起使用的控制器时？
浏览 0提问于2013-08-19得票数 1
回答已采纳
我试图找到将多个控制器链接到单个自定义指令的方法，但没有解决方案。这是否有可能实现。有谁能告诉我。
要求:我创建了一个带有控制器的指令。我在一个页面中调用这个指令，而这个页面有它自己的控制器。现在，页面控制器有几个函数。我正在使用一个模板来处理一些事件。这些事件在页面控制器(父控制器)中实现。因此，这些函数不会触发。
<div ng-controller="controllername">
<myDirective name-"name" event="doSomeEvent(params)"/>
在控制器中，我有几个函数
浏览 3提问于2014-11-19得票数 0
我已经使用Angularjs与ui.bootstrap弹出功能，在以下方式，
<form name="frm1" role="form" ng-submit='myFunc()' novalidate="novalidate">
.... other inputs go here...
<input type="number" ng-pattern="/^[0-9]+$/" name="testNo" ng-model='testNo' requ
浏览 1提问于2014-08-21得票数 1
我有一个父zone builder控制器，它有多个US States，每个州可以有几个邮政编码。
以下是该格式的基本内容：
构建器控制器
app.controller("builderController", function($scope, $http, $rootScope, $timeout) {
$scope.zones = [];
});
ZIP控制器
app.controller("zipController", function($scope, $http, $rootScope, $timeout) {
$scope.zipCodes
浏览 0提问于2017-01-09得票数 0
1回答
在我的应用程序中，我有一个带有价格属性的商店项目指令。当用户单击指令时，总成本(存储在父控制器中的变量)将根据单击项的价格进行更新。
但是，到目前为止，我无法将商店项目指令中的价格属性传递给父控制器。有什么帮助吗？
HTML:
<div ng-app="Shop" ng-controller="MainCtrl">
<p>The total is {{ total }}.</p>
<shop-item price="100"></shop-item>
</div>
J
浏览 1提问于2015-01-17得票数 0
回答已采纳
我需要对作用域和模板执行一些操作。似乎我可以在link函数或controller函数中执行此操作(因为这两个函数都可以访问作用域)。
什么情况下必须使用link函数而不是控制器？
angular.module('myApp').directive('abc', function($timeout) {
return {
restrict: 'EA',
replace: true,
transclude: true,
scope: true,
link: fun
浏览 84提问于2013-11-16得票数 211
回答已采纳
http绑定在Angular2中的实际用途是什么？有没有可用的代码或柱塞？在文档中，它没有被记录，并且说使用HTTP提供程序。
浏览 0提问于2016-07-31得票数 0
是否应该在AngularJS中使用指令来实现小部件或控制器/服务？当谈到小部件时，我想到的是一个UI控件，你可以从一个控制器中与之交互，例如对话框，树，网格，图表。
例如，如果我要创建一个dialog小部件，我希望在小部件上调用show()函数来显示对话框。使用指令这似乎是不可能的。我见过在根作用域上使用了一个变量，例如'showDialog'，该指令监视它来解决这个问题。在中，它们使用服务来实现对话框。
浏览 0提问于2013-05-30得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
