在Angular / Ionic中的parent指令上触发DOM元素方法
在Angular / Ionic中，parent指令是指在组件层级结构中，父组件中的指令。当在parent指令上触发DOM元素方法时，可以通过以下步骤实现：
- 在父组件的模板中，使用指令属性绑定将DOM元素方法绑定到父组件的方法上。例如，假设父组件的指令名为ParentDirective，DOM元素方法名为doSomething()，可以在父组件模板中使用以下代码：
<div parentDirective (click)="doSomething()">点击我触发DOM元素方法</div>- 在父组件的类中，实现doSomething()方法。该方法将在点击DOM元素时被触发，可以在其中执行所需的逻辑操作。例如：
import { Component } from '@angular/core';
@Component({
selector: 'app-parent',
templateUrl: './parent.component.html',
styleUrls: ['./parent.component.css']
})
export class ParentComponent {
doSomething() {
// 执行所需的逻辑操作
console.log('触发了DOM元素方法');
}
}在上述代码中，当点击父组件模板中的DOM元素时，会触发doSomething()方法，并在控制台输出"触发了DOM元素方法"。
相关·内容
我想要发生的是当光标点击事件在盒子和纸板光标点击指令被触发时-然后转到vr-video-control指令，这样它就可以在场景中执行exitVR()方法。环顾四周，我知道直接的DOM操作应该在“link”中完成，但公开可用的方法应该在“controller”中声明-那么如何在“controller”的方法中访问
浏览 0提问于2016-07-02得票数 0
2回答
我们知道可以通过元素逐个指令访问dom，因为元素是在链接函数中注入的。见此方法 return {但是如果我不使用angular.element()，如果我使用element(document.body.querySelector(&#
浏览 2提问于2017-06-03得票数 0
回答已采纳
我知道操作DOM有悖于角度规则，但在这种情况下，需要做横向DOM来修改同级节点。在jQuery中，您可以这样做：在角度上你会做这样的事情：当然，这不起作用，因为API上没有父()方法<
浏览 1提问于2012-11-12得票数 4
回答已采纳
我正在尝试将$animate服务合并到我自己的指令中。我不能进入和离开真正的动画。
奇怪的是，使用$animate.enter时，元素被附加到DOM中，并触发回调函数。元素只是简单地附加到DOM中，没有动画。回调函数会触发，但它会立即触发，而不是在本应发生的动画持续时间之后。同样的事情也发生在
浏览 1提问于2014-03-18得票数 7
回答已采纳
$scope是如何在Angular2中实现的，例如: angular2是一个单独的对象，它会继续观察它的子元素，并触发更改angular2如何在没有$scope的情况下做到这一点
浏览 3提问于2017-09-02得票数 2
2回答
我想要添加所选功能的角度视图中的选择： <option style="display:none" value="">Wählen Sie ein Datum</option>
</select><br&
浏览 0提问于2013-02-25得票数 8
回答已采纳
所以我要做的就是通过Factory将一个指令作为属性添加到一个元素中。我有一个单独的指令文件，它根据在该元素上触发的一些事件操作DOM，该元素是将新添加的指令作为属性的那个元素。现在发生的事情是，指令文件首先被调用，它搜索DOM，没有找到<
浏览 18提问于2018-01-25得票数 1
我尝试使用queryselectorAll来获取具有特定类名的所有元素。我有一个问题，我只能从index.html页面中的元素获得结果。App.jsmyApp.config(['$routeProvidermain.html',
controller
浏览 2提问于2015-05-03得票数 1
我不明白为什么在下面的示例中没有触发$destroy事件。有没有人能解释一下为什么不触发，在什么场景下会触发？这就是关键：angular.module('testMod', []) $scope.removeElem= function(id) { a
浏览 0提问于2014-07-10得票数 25
回答已采纳
1回答
我有一个Angular指令，它是ng-repeat的一部分，在用户执行特定操作之前，ng-repeat的源数组中没有元素。一旦执行了该操作，就会正确地填充数组，并将元素添加到DOM中--但不会实际呈现。实际上，任何DOM更改--更改页面上任何元素的任何CSS属性、调整页面大小等等--元素都会按预期显示。我不确定哪些代码可以帮助诊断这个问题，但我很
浏览 2提问于2014-04-26得票数 0
1回答
删除作用域无效
、、
不幸的是，我自己没有在文档或谷歌中找到答案，所以也许你可以帮我找出一件事。假设我们有一个指令"myDirective“。它位于某个div元素上。当我使用remove方法从jQuery中删除这个div时，在这个DOM节点上触发了一个"$destory“事件。但"myDirective“的作用域仍然存在。我甚至可以在div元素上<
浏览 3提问于2015-08-25得票数 0
当我$compile包含该指令的元素时，我看到了与指令不一致的行为。在我的例子中，我有一个指令来验证密码是否与另一个密码字段匹配。但是，我有另一个指令，它经常用于同一个元素。该指令的细节并不重要，因为我已经向您展示了问题的根本原因是第二个指令编译了元素。一旦我添加这个指令，行为就会发生变化。<
浏览 4提问于2013-12-11得票数 0
我有以下代码，这些代码在页面加载时呈现 <%= render :partial => results %>以下是结果部分的内容：编译angular指令是在第一次加载页面时
浏览 0提问于2012-12-04得票数 0
回答已采纳
1回答
参见下面附加到<title>标记的超级简单的指令。在现代浏览器中，这会激活标题并将标题更改为“标题C”，但在IE8中，从不调用链接函数，标题仍为“标题B”。Angular中的<title>标签以跨浏览器的方式支持指令属性吗？我有其他的变通方法来更新title值，但我正在寻找一些明确的东西来说明Angular</em
浏览 0提问于2014-10-08得票数 2
如何检查具有特定ID的元素是否已存在于角指令中的DOM中？通过使用angular.element()，如果一个元素不存在，则创建一个元素，例如，不管一个元素是否已经存在，angular.element('someID')都会返回一个元素。作为一个解决方案，我现在要做的是使用.html() jqLite函数，如下所示：
if(
浏览 5提问于2014-06-20得票数 16
回答已采纳
javascript解决方案，它有点像这样：select.click();
对于同一件事是否有AngularJS方法(从我的头顶上看，你可以用ng键将上面的代码包装起来)
浏览 4提问于2015-09-24得票数 4
回答已采纳
我将元素添加到DOM中，并从父控制器中给出它们的位置表达式。添加每个新元素时，都会更新DOM上所有现有元素上的position元素。我只想让它更新新指令元素上的位置。($scope, $element, attrs) {
var po
浏览 0提问于2015-12-18得票数 0
想要表达我想问的问题有点困难，所以请耐心等待。
我知道，在Angular.js中，指令是动态标记背后的某种魔力。曾经严格通过jQuery来完成的事情，现在可以通过指令来完成。据我所知，Angular的HTML编译器遍历DOM以搜索与编程指令相对应的属性和/或元素，并将这些元素链接到它们各自的指
浏览 1提问于2014-07-29得票数 0
我正在使用vanilla AngularJS v1.4.5 (没有jQuery)，并希望我的自定义指令在编译时将一个属性添加到它的祖父母元素中。在编译函数中，我可以使用parent()方法element两次获得祖父母元素，并使用attr()方法添加我的属性。但是，如果父元素具有指令，则祖父元素不会获得该属性。parent.att
浏览 8提问于2015-09-16得票数 0
回答已采纳
3回答
我试图在angular2 2/ in 2中创建一个自定义组件，其中包含一个输入，下面是代码：import {ItemInput} from "ionic-framework/ionic";
directives: [ItemInput],
selector: "add-input&
浏览 11提问于2016-01-18得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
