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>

這是一個工作的朋克