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