Question

使用2个文件： my_ajax_fetcher.data/html ，数据如下：

my_ajax_fetcher.dart

@HtmlImport('my_ajax_fetcher.html')
library webserver_ajax.lib.iron_ajax;

import 'package:web_components/web_components.dart';
import 'package:polymer/polymer.dart';
import 'package:polymer_elements/iron_ajax.dart';
import 'package:polymer_elements/iron_request.dart';

///Uses [IronAjax]
@PolymerRegister('my-ajax-fetcher')
class IronAjaxSample extends PolymerElement {

  @property
  String f_name;

  @property
  String l_name;

  @property
  int identification;


  //IronAjax ia = querySelector('myAjaxId');

  IronAjaxSample.created() : super.created(){
    print("created.");
    //ia.generateRequest();
  }


  @reflectable
  void handleResponse ( [CustomEventWrapper cew, IronRequest ir] ){
    print("handle response fired");
    var data = ir.response;
    f_name = data["f_name"];
    l_name = data["l_name"];
    identification = data["id"];

    print("$f_name $l_name: $identification");
  }
}

my_ajax_fetcher.html

<dom-module id="my-ajax-fetcher">
    <template>

        <iron-ajax id="myAjaxId" auto
          url="http://localhost:8675/test_server/v1/users/35"
          handle-as="json"
          on-response="handleResponse" ></iron-ajax>

        <div>First Name: {{f_name}}</div>
        <div>Last Name:  {{l_name}}</div>
        <div>Student ID:  {{identification}}</div>
    </template>
</dom-module>

当ajax调用完成后，它将调用handleResponse，这将设置f_name，l_name，identification个变量。问题是我看到变量是在handleResponse的最后一行设置的。

根据说：First Name: Frank根本没有设置标记，它只是空的。我已经确定，由于某种原因，handleResponse与其他函数的范围不同。我该如何解决这个问题？

Answer 1

在Dart中，您始终需要使用set(...)或Polymer提供的任何其他方法来更新数据。

set('f_name', data["f_name"]);
set('l_name', data["l_name"]);
set('identification', data["id"]);

在JavaScript中，这对于Polymer元素的字段不是必需的，仅适用于复杂类型的属性（自定义类，集合，...）

另见

似乎设置单向数据绑定，即使它应该是双向的

1 个答案: