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

Question

我对angularjs / onsen一般都是新手。因此，我正在尝试实际选择联系表单联系人列表，并在textarea中显示创建消息页面的名称。我有这个，但它没有用。

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

在你的mesaage页面中定义像这样的字段。

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

和JS：

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

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

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

编辑1： 删除双引号     纳克单击=＆＃34; contactsBack（{{person.username}}）＆＃34;