Tooltip issue in angularjs

Question

I want dynamic text tool tip for input box and i have used bootstrap 3.1.1 here with angularjs 1.2.16
but i am getting value as undefined through ng-model of input box.

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 I have update my code here

Can any one tell me why i am not getting ng-model value here and how to resolve this issue?
How to get ng-model value of text-box because on click of button i am getting undefined value?

@aamir sajjad: My problem is i am not getting ng-model value of text box. — Sachin
– Sachin, Commented May 10, 2014 at 9:49

aamir sajjad · Accepted Answer · 2014-05-10 10:22:02Z

1

$.parent.Whatevermodel property you have is the solution. Please check following plunkr, it is working for me.

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

Upvote and accept it as answer if it helps:)

edited May 10, 2014 at 10:22

answered May 10, 2014 at 9:37

aamir sajjad

3,0391 gold badge29 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sachin Over a year ago

How to get ng-model value of text-box because on click of button i am getting undefined value?

aamir sajjad Over a year ago

@Sachin Kumbharkar I have update my answer. Please check it now

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

I've found workaround for this here

you can change value of your ng-model attribute from searchColumnOfDatagridQuery1 to: $parent.searchColumnOfDatagridQuery1 and it should works just fine.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered May 10, 2014 at 10:04

grigson

4,0011 gold badge35 silver badges22 bronze badges

Collectives™ on Stack Overflow

Tooltip issue in angularjs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related