Angular.js：如何检查元素的子元素是否包含某些元素（按ID）

Question

<div id="divWrapper">
    <input id="firstInput"/>
    <div id="insideDiv">
        <input id="secondInput"/>
    </div>
</div>

这是我的HTML的基本结构。 因此，给定对“ divWrapper”元素的访问权限，如何检查它是否包含“ secondInput”。

注意：这要在没有jQuery的情况下完成。 仅使用Angularjs实用程序功能。

更新：解决方案应该是动态的。 意味着它应该找到任何子级，它比DOM树中的级别低多少。

更新2：请不要误入“输入”元素。 我不想跟踪其中的文本。 我想要一个逻辑，它将检查我或我的孩子是否被点击。 如果不是，那就把我自己和我的孩子们藏起来。

Answer 1

var secondInput = angular.element(document.querySelector("#divWrapper #insideDiv #secondInput"));

这将返回您要查找的元素；如果找不到任何元素，则为空。

Answer 2

angular.element("#someId").find("someOtherSelector")确实angular.element("#someId").find("someOtherSelector")您的要求。

所以对于您的问题，您可以做...

angular.element("#divWrapper").find("#secondInput"); // Empty array OR a match