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

时间:2015-04-22 20:30:38

标签: javascript angularjs angularjs-ng-repeat

我想要做的是找到一种基于搜索字符串结果切换模型的简单方法,我做了一个快速的概念示例来帮助可视化;

  

JSFiddle

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

我一直在想的是找出一种说法,例如,如果search = name.phone然后blah = false或者基本上使用搜索字符串将方块切换为红色,如果用于搜索的字符串是name.phone和它在搜索结果中,至少可以传达这个概念。

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

我希望它可能像某些东西一样简单;

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

..或类似的东西。或者也许来自搜索输入的内联三元组还是什么?我可以展示更多失败的尝试,但他们显然是错误的方式,因为我问我所以我会节省空间。哦,在你考虑投票之前或者某事给我一个解释之前,为什么至少要检查我的Q / A比率,以了解你并帮助经常帮助他人的人。我以学习的名义欢迎一块不起眼的馅饼。

1 个答案:

答案 0 :(得分:1)

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

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

中所示
exec { 'C:/home/vagrant/bin/lein':
    command => 'Invoke-WebRequest "https://raw.github.com/technomancy/leiningen/stable/bin/lein" -OutFile "C:/home/vagrant/bin/lein"',
    provider => powershell,
    creates => 'C:/home/vagrant/bin/lein'
}

当完全匹配时,这将出现在名称转发器中。

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