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>

所以我想做的是获取第一列div内的$eventID ，然后在第三列中单击<a>标记中的链接时，将其作为参数传递给函数调用generateURL() 。 在控制器内部，我有：

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

但是它似乎无法正确设置<output>的文本。 有人可以帮忙吗？ 我刚开始使用angular，所以有点混乱。

Answer 1

您可以使用车把括号将var绑定到视图：

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

这是一个工作的朋克