angularjs how to set text inside element based on textbox input

Question

My code is:

<div ng-controller="myCtrl">
    <div class="row">
        <div class="col-md-4 col-sm-3">
            <checked-input ng-scope="$eventID"></checked-input>
        </div>
        <div class="col-md-4 col-sm-3">
            <output ng-scope="$postbackOutput">***This is where I want the text typed in the textbox to go***</output>
        </div>
        <div class="col-md-3 col-sm-3">
            <a ng-click="generateURL($eventID)" class="btn-plus">
                <span class="glyphicon glyphicon-plus"></span>
            </a>
        </div>
     </div>
</div>

So what I'm trying to do is get that $eventID that's inside the first column div, then pass it as an argument to the function call generateURL() when the link in the <a> tag is clicked in the third column. Inside the controller I have:

app.controller('postbackCtrl', function($scope) {
    $scope.generateURL = function(eventID) {
        $scope.postbackOutput = eventID;
    } 
});

But it doesn't seem to be setting the text in the <output> correctly. Could anyone help? I've just started out with angular so it's a bit confusing.

Kevin F · Accepted Answer · 2015-07-01 15:55:43Z

1

You can just bind the var to the view with handlebar brackets:

<output ng-scope="$postbackOutput">
    {{ postbackOutput }}
</output>

Here is a working plunkr

edited Jul 1, 2015 at 15:55

answered Jul 1, 2015 at 15:47

Kevin F

2,8852 gold badges18 silver badges22 bronze badges

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

2 Comments

user2412643 Over a year ago

Thanks for your reply. Tried it and it doesn't seem to be working either :(

Kevin F Over a year ago

I added a simple plunkr to show it working, I think it is what you are trying to accomplish. Also I just looked up the ng-scope directive and wonder if that might be messing with things

Collectives™ on Stack Overflow

angularjs how to set text inside element based on textbox input

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related