angularjs中的工具提示问题

时间:2014-05-10 09:12:11

标签: javascript angularjs twitter-bootstrap-3

我想要输入框的动态文本工具提示,我在这里使用了bootjrap 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值因为点击按钮我得到了未定义的值?

2 个答案:

答案 0 :(得分:1)

$ .parent。您拥有的Model属性是解决方案。请检查以下plunker,它对我有用。

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

Upvote并接受它作为答案,如果它有帮助:)

答案 1 :(得分:0)

我找到了此here

的解决方法

您可以将ng-model属性的值从searchColumnOfDatagridQuery1更改为:$parent.searchColumnOfDatagridQuery1,它应该可以正常工作。