javascript - 根据搜索字符串结果切换模型

Question

我想做的是找到一种简单的方法来根据搜索字符串结果切换模型，我制作了一个快速概念示例来帮助可视化；

JSFiddle

我在提供的示例中具有其模型 blah 的每个项目中都有一个切换按钮。

我一直失败的是想出一种方法来表示，例如如果 search=name.phone 那么 blah=false 或者如果用于搜索的字符串是 name.phone 并且本质上使用搜索字符串将方 block 切换为红色它在搜索结果中，至少有希望传达了这个概念。

现实情况是，我的项目模板中有一些部分最初可能会隐藏，但它们仍然会产生搜索结果，但在结果中不可见。因此，如果它们是搜索到的内容，我希望用户可以看到它们。有道理吗？

我希望它可能像这样简单；

 <div ng-class="{'style-it red':blah,
                 'style-it green':!blah,
                 'style-it red':search=name.phone}"></div>

..或者类似的东西。或者可能是来自搜索输入的内联三元数或其他内容？我可以展示更多失败的尝试，但无论如何，它们显然是错误的方式，因为我问所以我会节省空间。哦，在你考虑否决投票或其他事情之前，至少给我一个解释，然后看看我的问答比，以了解你会帮助那些经常帮助别人的人。我欢迎以学习的名义分一杯羹。

Answer 1

您的问题有点不清楚，但如果您想根据是否有完全匹配来切换某些内容，您将需要使用 ng-show 来控制可见性。

如:https://jsfiddle.net/7by52qhh/1/ 所示

<span ng-show="name.name === search">Exact Match!</span>

当存在完全匹配时，这将出现在名称重复器中。

这当然可以显示其他模型数据，为了清楚起见，我将其保留为一些静态文本。