javascript - angularjs如何根据文本框输入设置元素内的文本

Question

我的代码是:

<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>

所以我想做的是得到 $eventID它位于第一列 div 内，然后将其作为参数传递给函数调用 generateURL()当链接在<a>时单击第三列中的标签。在 Controller 内部我有:

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

但它似乎没有设置 <output> 中的文本正确。有人可以帮忙吗？我刚刚开始使用 Angular，所以有点困惑。

Answer 1

您可以使用 Handlebars 括号将 var 绑定(bind)到 View :

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

Here is a working plunkr