javascript - angularjs中的工具提示问题

Question

我想要输入框的动态文本工具提示，我在这里使用了 bootstrap 3.1.1 和 angularjs 1.2.16
但我通过输入框的 ng-model 获得未定义的值。

HTML

    <div class="input-group">
        <input type="text" class="form-control input-sm" ng-model="searchColumnOfDatagridQuery1" placeholder="Search {{columnData[0].text.toLowerCase()}} here" tooltip="Search {{columnData[0].text.toLowerCase()}} here" tooltip-trigger="mouseenter" tooltip-placement="bottom" tooltip-append-to-body="true">
                    <span class="input-group-btn">
                            <button class="btn btn-default btn-sm" type="button" ng-click="searchColumnOfDatagrid(searchColumnOfDatagridQuery1,1)"><span class="glyphicon glyphicon-search"></span></button>
                    </span>  
    </div>  

JSFiddle 我已经更新了我的代码here

谁能告诉我为什么我在这里没有获得 ng-model 值以及如何解决这个问题？
如何获取文本框的 ng-model 值，因为单击按钮时我得到未定义的值？

Answer 1

$.parent.您拥有的任何模型属性都是解决方案。请检查以下 plunkr，它对我有用。

http://plnkr.co/edit/cnm0pGYXBHda4I5hpYYi?p=preview

如果有帮助，请投票并接受它作为答案:)