Angular:在angular指令中不能访问element.bind中的变量，所以我可以用它来操作DOM
Angular是一种流行的前端开发框架，它使用TypeScript编写，并且具有强大的功能和丰富的生态系统。在Angular中，指令是一种用于扩展HTML元素的特殊属性，它们允许我们在HTML中添加自定义行为和功能。
在Angular的指令中，不能直接访问element.bind中的变量。这是因为在Angular中，指令的作用域是隔离的，它们不会直接访问外部变量。这是为了保持指令的独立性和可重用性。
然而，我们可以通过使用指令的输入属性（@Input）来传递变量的值给指令。通过在指令的元数据中定义输入属性，我们可以将变量的值传递给指令，并在指令内部使用它。
另外，Angular还提供了一种称为Renderer的机制，用于操作DOM元素。通过使用Renderer，我们可以在指令中操作DOM，而不需要直接访问element.bind中的变量。Renderer提供了一系列方法，如createElement、setAttribute、appendChild等，可以用于创建、修改和操作DOM元素。
总结起来，虽然在Angular的指令中不能直接访问element.bind中的变量，但我们可以通过输入属性传递变量的值给指令，并使用Renderer来操作DOM元素。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，用于部署和运行应用程序。了解更多信息，请访问：腾讯云云服务器（CVM）
- 腾讯云对象存储（COS）：提供安全、可靠、低成本的对象存储服务，用于存储和管理大规模的非结构化数据。了解更多信息，请访问：腾讯云对象存储（COS）
相关·内容
1回答
Angular:在angular指令中不能访问element.bind中的变量，所以我可以用它来操作DOM
javascript、html、angularjs、angularjs-directive
我正在尝试编写一个指令，它返回一个布尔值，当用户在特定的容器上滚动时，该布尔值为true，当用户不滚动时，返回false。当我在正在使用的element.bind (‘console.log’)中抛出一个滚动时，我可以看到布尔值正确地切换，但它不会影响我在element.bind外部设置的同名范围变量。如果你看一下我拼凑的这个JSFiddle，你就会看到这一切<e
浏览 9提问于2017-08-23得票数 0
回答已采纳
1回答
如何在AngularJS中设置重复元素id？
angularjs
我想做一些类似的事情： <div id='{{row}}'></div>但在控制器中，= "url('aoeu.png')"; alert(e)}
getElementById返回null，那么如何使用AngularJS<
浏览 0提问于2012-12-05得票数 8
回答已采纳
1回答
Focus New Tab's Textarea Bootstrap 3+ AngularJS
javascript、jquery、html、angularjs、twitter-bootstrap
我已经设置了它，这样您就可以生成包含textareas的新选项卡了。但是，当创建这个新的选项卡时，我希望它内的textarea与光标集中在一起。下面是相关的问题代码，其中有一个稍微大一点的小提琴，显示它的作用：用于小提琴，它应该在创建第一项之后将文本区域聚焦。//(the textareas have dynamic id's) }令人沮丧<
浏览 1提问于2013-12-18得票数 1
回答已采纳
1回答
如何在angularjs中动态创建数据启动器
javascript、angularjs、angularjs-directive、twitter-bootstrap-3、datepicker
在我的angularjs应用程序中，我显示了一个模式窗口来编辑一个事件并添加/删除事件日期(我使用了引导数据器和时间选择器)。事件有一些固定的日期，我对此没有问题，因为我首先创建了它们，并且我在ng模型(数据采集器和时间选择器)上使用它们。我为实现这个目标所做的事情：
在.controller('ModalEditEventP4ctrl',..内部，我操作模态窗口(编辑事件).her
浏览 3提问于2015-11-23得票数 4
4回答
在Angular中添加带有指令的元素
javascript、angularjs、dom、angularjs-directive
我在Angular中动态添加了一个元素。代码如下。添加元素后，一切工作正常。然而，我认为我遗漏了一个步骤，并且Angular无法识别新元素，因为当我稍后收集数据时，动态添加的元素的值没有定义。
添加元素的原因是从一开始就不知道输入的数量，用户可以添加任
浏览 0提问于2015-05-24得票数 4
3回答
如何在Angularjs中禁用ng显示指令
javascript、angularjs、angularjs-directive
我使用一个指令来找出图像何时加载。在我看来，我有一个span，它有一个加载旋转器，并将由ng-show显示。默认值是TRUE。ion-spinner icon="android" ng-show="showSpinner"></ion-spinner>指令) { restrict: 'A',
link:
浏览 9提问于2016-08-04得票数 1
回答已采纳
1回答
从附加内容调用角ngClick动作
angularjs、angularjs-directive
请参考柱塞，因为它可能更好地演示了我想解释的内容。使用角，目标是单击一个元素(在本例中，当表单输入获得焦点时)，该元素将导致DIV被附加到页面上--使用element.parent().append(template)。在这个附加的DIV中有一个按钮，它有一个ngClick动作，点击时应该会触发。
问题似乎是ngClick指令从未注册过。点击它什么也做不了。这是在指令定义中使用编译的情况吗？
浏览 4提问于2014-01-28得票数 0
回答已采纳
2回答
Typeerror -在angular指令中不是函数
angularjs、angularjs-directive、angularjs-scope、angularjs-ng-click
我已经定义了一个自定义的click指令，如下所示：(function() { 'use strict'; } }
Error logged by WDPR Angular如果我用'&‘添加作用域，我会得到要求隔离的作用域。那么该如何解决呢？
浏览 0提问于2016-02-24得票数 1
2回答
为什么jQuery看不到跨度？
jquery、angularjs
我使用的是Angular & jQuery，跨度如下：这个跨度的内容将是一个单位数(1、2如果为0，则执行某些操作。<script> //do something</script
浏览 4提问于2016-08-12得票数 0
2回答
AngularJs链接或PostLink使用示例
angularjs、angularjs-directive
作为自定义指令的新手，我做了一个简单的示例来演示Link属性的用法。所有，我都能看出，通过它，我们也可以定义或改变范围。我们还能用它做什么吗?或者它是否有其他有用的用途？<html> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5
浏览 6提问于2016-09-24得票数 0
2回答
角中的触发事件和DOM操作(如jQuery )
javascript、jquery、angularjs、angularjs-directive、angularjs-scope
class="box"></div> </div>
alert('box class clicked');});
现在我正在学习AngularJS，如果我们看
浏览 6提问于2015-04-22得票数 2
6回答
Angular 1.5组件vs.旧指令-链接函数在哪里？
javascript、angularjs、angularjs-directive、angular-directive
我最近一直在读一篇关于Angular 1.5中新的.component()助手的很好的，它被认为可以帮助每个人最终迁移到Angular 2。一切看起来都很简单，但是我在组件中找不到任何关于DOM操作的信息。
但是有一个template属性，它可以是一个函数并接受$element和$attrs参数。我仍然不清楚这是否是link函数的替代品。
浏览 0提问于2015-11-14得票数 59
2回答
angular 2中渲染器与ElementRef的区别
angular、angular2-directives、elementref、angular-renderer2、angular-renderer
在Angular中，两者都用于DOM操作。我目前单独使用ElementRef编写Angular 2指令。如果我得到更多关于Renderer的信息，我可以在将来的指令中使用它。
浏览 4提问于2016-09-30得票数 17
回答已采纳
5回答
像使用AngularJS的JQuery那样的DOM操作？
javascript、jquery、angularjs
我看过教程和其他文章，说在使用Angular.js时甚至不要将jQuery包含在项目中，以便尽可能彻底地进行过渡。然而，我们如何仅使用Angular对css和$('.item').css('top', '50px');之类的东西进行简单的DOM操作呢？(或者这是不可能的)？
浏览 0提问于2014-01-10得票数 0
1回答
在angularJS中操作DOM :最佳实践？
angularjs、angularjs-directive
我们在不同的情况下经常使用自定义指令。当涉及到DOM操作、绑定事件、etc...It时，我们在自定义指令的link函数中定义操作DOM的函数，但我们从控制器调用它(我们在$scope中定义函数，以便给定的控制器可以访问它)。我认为角度的方法是为每个函数定义一
浏览 1提问于2016-05-27得票数 8
回答已采纳
2回答
角JS用链接函数的元素操纵dom
angularjs、dom、angularjs-directive
我们知道可以通过元素逐个指令访问dom，因为元素是在链接函数中注入的。// m.removeChild(m.firstChild); });
}上面的代码是工作的，但是如果我不使用angular.element()，如果我使用element(document.body.querySelector('.parent'
浏览 2提问于2017-06-03得票数 0
回答已采纳
3回答
在angularjs中运行jquery代码的最佳方式是什么？
javascript、jquery、html、css、angularjs
我想在DOM准备好的时候运行一些jquery代码。我用过$(".hover-brown").mouseover(function(e) { }, function() { });我也尝试过window.load，但它在Dom<
浏览 0提问于2015-07-27得票数 3
4回答
如何使用AngularJS将输入框设置为清除焦点上的默认值
javascript、angularjs
这是一个相当标准的UI实践，所以我认为我可以很快找到解决方案，但我没有运气。这是我通常为此功能编写的jQuery： $.fn.focusClear = function(text) { if( $(this).val() == '') $(this).val(text); return this;})(jQuery);
如何使用Angular</
浏览 0提问于2013-05-25得票数 2
回答已采纳
1回答
在ng-app之外访问dom
javascript、angularjs、dom
假设我有一个angularJS应用程序，我想在其中修改dom。不应该通过服务或控制器来做这件事，这是有道理的。取而代之的是对DOM操作使用指令。但是，如果dom超出了angular应用程序的范围，该怎么办？
例如:假设我想访问BODY标记并禁用其上的滚动条。我不能写指令，因为ng-app指令在一个位于d
浏览 1提问于2014-05-09得票数 0
2回答
queryselector的角度通用替代
javascript、angular、angular-universal
目前所有支持angular 2.0的插件似乎都不支持Angular Universal。它显示由于直接访问DOM而导致的错误。我想以angular 2的方式修改DOM访问代码。document、queryselector()、querySelectorAll()、document.getElementsByTagname()、getElementsByClassName()等推荐angular
浏览 1提问于2016-11-23得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
