我正在使用Mobile Angular UI制作应用，我正在使用演示应用的滚动页面：http://mobileangularui.com/demo/#/scroll
我想以编程方式显示/隐藏搜索栏。
例如，当我从查询字符串收到“q”参数时，我想激活搜索栏，当用户点击“显示搜索栏按钮”时，我希望搜索输入框为当用户搜索我想隐藏搜索栏的内容时，获得焦点，等等。
这是输入框的html代码：
<input ng-if="Ui.active('searchBar')" class="form-control scrollable-header needsclick ng-scope" placeholder="Search.." type="search">
这是切换按钮的html：
<a class="btn btn-block btn-lg btn-primary scrollable-footer" ui-toggle="searchBar">
<i class="fa fa-search"></i>
<span class="ng-hide" ui-hide="searchBar">Show</span>
<span class="" ui-show="searchBar">Hide</span>
Search Bar
</a>
实现它的正确方法是什么？