推送另一个页面后如何更改textarea值？

Question

总的来说，我是 angularjs/onsen 的新手。所以我正在尝试 select 一个联系人表单联系人列表，并在创建消息页面的文本区域中显示名称。我有这个，但它不起作用。

contacts.html

<div ng-controller="ContactsController" >
      <ons-list class="person-list" >
        <ons-list-header class="person-list-header" ng-init="people = contacts">{{char}}</ons-list-header>
          <ons-list-item class="person" modifier="tappable" ng-click="contactsBack("{{person.username}}")" ng-repeat="person in contacts | filter:searchInput">
            <ons-row>
              <ons-col width="40px">
                <img src="images/profile-image-0{{i}}.png" class="person-image">
              </ons-col>

              <ons-col class="person-name" >
                {{person.username}}
              </ons-col>
            </ons-row>
          </ons-list-item>
      </ons-list>
    </div>

留言页

        <ons-row align="center">
        <ons-col width="290px">
            <div class="left">
                <input type="text" id ="contactName" class="text-input text-input--transparent" placeholder="Name" style="width: 100%">
            </div>
        </ons-col>

    <ons-col>

app.js

    $scope.contactsBack = function(name) {
  $scope.document.getElementById("contactName").value = name;

  $scope.navi.pushPage('message.html');
  }

我已经在'ContactsController'

下添加了函数

Answer 1

在您的消息页面中像这样定义字段。

使用 ng-model 定义您的 contactName。为此您不需要 ID 属性或 javascript 方法

和 JS:

$scope.contactsBack = function(name) {
    $scope.contactName = name;

    $scope.navi.pushPage('message.html');
}

Angular 使用 two-way data binding 使用联系人列表填充消息页面中的字段。

编辑 1：删除双引号 ng-点击="contactsBack({{person.username}})"

推送另一个页面后如何更改textarea值？

How to change textarea value after pushing another page?

html

javascript

angularjs

onsen-ui