angularjs如何根据文本框输入

时间:2015-07-01 15:44:34

标签: javascript html angularjs angularjs-scope

我的代码是:

<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,然后在{{1}中的链接时将其作为参数传递给函数调用generateURL()在第三列中单击了tag。在控制器里面我有:

<a>

但它似乎没有正确设置app.controller('postbackCtrl', function($scope) { $scope.generateURL = function(eventID) { $scope.postbackOutput = eventID; } }); 中的文本。有人可以帮忙吗?我刚刚开始使用角度,所以有点混乱。

1 个答案:

答案 0 :(得分:1)

您可以使用把手括号将var绑定到视图:

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

Here is a working plunkr