Question

我有一个文本框，其中输入了某些内容，我将如何处理将该文本框的内容移动到另一个文本框中点击按钮........通过清空完整的上一个文本框。

<div class="col-sm-5">
                <p>Invite People</p>
                <div class="invite-user-text">
                    <!-- <input type="text" class="invite-user-input" autocomplete="off"
                        data-keyboard-layer="invite-user-text" placeholder=""> -->


                    <tags-input ng-model="tags" display-property="name"
                        placeholder="Add User" replace-spaces-with-dashes="false">
                    <auto-complete source="loadCountries($query)" min-length="0"
                        load-on-focus="true" load-on-empty="true"
                        max-results-to-show="32" template="my-custom-template"></auto-complete>
                    </tags-input>

                    <script type="text/ng-template" id="my-custom-template">

  <div class="right-panel">
    <span ng-bind-html="$highlight($getDisplayText())"></span>
    <span>{{data.email}}</span>
  </div>
</script>

我有上面的Html代码和一个js来显示内容有标签通过在文本框中使用ng-input-tag库.....我想将该内容（标签）移动到另一个文本单击按钮时使用角度js的框

<button type="button" ng-click=""
                    class="btn btn-md pull-right add-user-btn" ng-disabled="">
                    Add Users</button>
            </div>

            </button>
            <div class="col-sm-7 user-text-area">
                <p>Deal Administrator</p>
            </div>

Answer 1

您也可以将它包装在控制器中的函数中：

<button type="button" ng-click="text=tags">

然后你的文字输入：

<input type="text" ng-model="text">

这将在文本输入中为您提供标签json。

修改
你可以看看这个完整的plunkr：https://plnkr.co/edit/1db1Af?p=preview

这就是你如何获得标签的价值：

$scope.moveTagsToTextInput = function(){ $scope.text = ""; angular.forEach($scope.tags, function(value, key) { $scope.text += value.text + " "; }); $scope.tags = ""; }

如何在单击按钮时使用AngularJs将文本框的内容移动到另一个文本框中？

1 个答案: