如何通过ng模型搜索html中的文本

How search text inside html by ng-model?

本文关键字：文本 html 搜索 何通过 ng 模型      更新时间：2023-09-26

html:

        <div style='width:450px;'>
            <div style='float:right;'>
                <input ng-model='search'  />
            </div>
            <div style='float:right;'>Search:</div>        
        </div>
        <div style='width:450px;'>
            <div>Logan Cale</div>
            <div>Darien Fawkes</div>
            <div>John Crichton</div>
            <div>Michael Scofield</div>
            <div>John Wick</div>                
        </div>

不知何故，我需要隐藏/显示具有基于用户在input中输入的值的名称的div块。有什么简单的方法吗？

示例：

    <div style='width:450px;'>
        <div style='float:right;'>
            <input ng-model='search'  />
        </div>
        <div style='float:right;'>Search:</div>        
    </div>
    <div style='width:450px;' ng-hide="search == 'hi'">
        <div>Logan Cale</div>
        <div>Darien Fawkes</div>
        <div>John Crichton</div>
        <div>Michael Scofield</div>
        <div>John Wick</div>                
    </div>

现在在输入中键入"hi"以隐藏底部div

相关文章：