angularjs как установить текст внутри элемента на основе ввода текстового поля

Question

angularjs как установить текст внутри элемента на основе ввода текстового поля

0

Мой код:

<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> нажата в третьем столбце. Внутри контроллера у меня есть:

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

Но, похоже, он не правильно устанавливает текст в <output>. Может ли кто-нибудь помочь? Я только начинал с углового, так что это немного запутывало.

user2412643 01 июль 2015, в 17:59

Источник

Теги:

javascript

html

angularjs

angularjs-scope

1 ответ

Ещё вопросы

Kevin F · Accepted Answer · 2015-07-01T14-38-00.000Z

Вы можете просто привязать var к представлению с помощью скобок руля:

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

Вот работающий plunkr

Спасибо за ваш ответ. Пробовал, и это, похоже, тоже не работает :(
Я добавил простой plunkr, чтобы показать, как он работает, я думаю, это то, что вы пытаетесь достичь. Также я только что посмотрел директиву ng-scope и подумал, может ли это быть с вещами