{"id":166,"date":"2017-10-30T23:46:06","date_gmt":"2017-10-30T23:46:06","guid":{"rendered":"http:\/\/dart.honobono-life.info\/?p=166"},"modified":"2017-10-30T23:46:06","modified_gmt":"2017-10-30T23:46:06","slug":"angulardart-v4-http-post","status":"publish","type":"post","link":"http:\/\/dart.honobono-life.info\/?p=166","title":{"rendered":"AngularDart v4 Http Post"},"content":{"rendered":"AngularDart v4 Sample Code,Demo<br \/>\r\n<!--more-->\r\n<ul>\r\n<li>AngularDart : 4.0.0<\/li>\r\n<li>Dart : 1.24.1<\/li>\r\n<\/ul>\r\n<div role=\"tabpanel\">\r\n  <ul class=\"nav nav-tabs\">\r\n    <li class=\"active\"><a href=\"#demo1\" data-toggle=\"tab\">demo<\/a><\/li>\r\n    <li><a href=\"#html1\" data-toggle=\"tab\">markup<\/a><\/li>\r\n    <li><a href=\"#script1\" data-toggle=\"tab\">dart<\/a><\/li>\r\n  <\/ul>\r\n  <div class=\"tab-content\">\r\n    <div class=\"tab-pane active\" id=\"demo1\">\r\n\r\n<my-app>Loading&#8230;<\/my-app>\r\n\r\n    <\/div>\r\n    <div class=\"tab-pane\" id=\"html1\">\r\n\r\n<pre>\r\n(html)\r\n&lt;head>\r\n.....\r\n  &lt;script defer src=\"main.dart\" type=\"application\/dart\">&lt;\/script>\r\n  &lt;script defer src=\"packages\/browser\/dart.js\">&lt;\/script>\r\n&lt;\/head>\r\n&lt;body>\r\n  &lt;my-app>Loading...&lt;\/my-app>\r\n&lt;\/body>\r\n\r\n(pubspec.yaml)\r\n.....\r\nenvironment:\r\n  sdk: '>=1.24.0 <2.0.0'\r\ndependencies:\r\n  angular: ^4.0.0\r\n  angular_forms: ^1.0.0\r\n  angular_router: ^1.0.2\r\n  http: ^0.11.0\r\n  stream_transform: ^0.0.6\r\n\r\ndev_dependencies:\r\n  angular_test: ^1.0.0\r\n  browser: ^0.10.0\r\n  dart_to_js_script_rewriter: ^1.0.1\r\n  mockito: ^2.0.2\r\n  test: ^0.12.21\r\n\r\ntransformers:\r\n- angular:\r\n    entry_points:\r\n    - web\/main.dart\r\n    - test\/**_test.dart\r\n- test\/pub_serve:\r\n    $include: test\/**_test.dart\r\n- dart_to_js_script_rewriter\r\n<\/pre>\r\n    <\/div>\r\n\r\n    <div class=\"tab-pane\" id=\"script1\">\r\n<pre>\r\nimport 'dart:async';\r\nimport 'dart:convert';\r\n\r\nimport 'package:angular\/angular.dart';\r\nimport 'package:http\/browser_client.dart';\r\n\r\n@Component(\r\n    selector: 'my-app',\r\n    template: '''\r\n    &lt;span>Sending Data&lt;\/span>&lt;br \/>\r\n    &lt;span>{{send_data|json}}&lt;\/span>&lt;br \/>\r\n    &lt;strong>'Content-Type': 'application\/json'&lt;\/strong>&lt;br \/>\r\n    &lt;button (click)=\"postCall(true)\">Send&lt;\/button>&lt;br \/>\r\n    &lt;strong>'application\/x-www-form-urlencoded'&lt;\/strong>&lt;br \/>\r\n    &lt;button (click)=\"postCall(false)\">Send&lt;\/button>&lt;br \/>\r\n    &lt;span>Response Data: {{data}}&lt;\/span>&lt;br \/>\r\n    &lt;span>Status Code: {{status}}&lt;\/span>&lt;br \/>\r\n    ''',\r\n    directives: const [CORE_DIRECTIVES],\r\n    pipes: const [COMMON_PIPES]\r\n)\r\nclass AppComponent {\r\n  var client = new BrowserClient();\r\n  String data;\r\n  int status;\r\n  String error;\r\n  Map _headers;\r\n  Map send_data = {\r\n    \"id\": \"0101\",\r\n    \"name\": \"Tom\"\r\n  };\r\n  String trans_data;\r\n  String _url = \"lamp-http_server.php\";\r\n  void postCall (bool tf) async {\r\n    if (tf) {\r\n      _headers = {'Content-Type': 'application\/json'};\r\n      client.post(_url, headers: _headers, body: JSON.encode(send_data))\r\n      .then((response) {\r\n        data = response.body;\r\n        status = response.statusCode;\r\n      })\r\n      .catchError((e) {\r\n        error = e;\r\n      });\r\n    } else {\r\n      _headers = {'Content-Type': 'application\/x-www-form-urlencoded'};\r\n      send_data.forEach((k, v) {\r\n        if (trans_data != null) {\r\n          trans_data += '&' + k + '=' + v;\r\n        } else {\r\n          trans_data = k + '=' + v;\r\n        }\r\n      });\r\n      client.post(_url, headers: _headers, body: trans_data)\r\n      .then((response) {\r\n        data = response.body;\r\n        status = response.statusCode;\r\n      })\r\n      .catchError((e) {\r\n        error = e;\r\n      });\r\n    }\r\n  }\r\n}\r\n\r\nvoid main() {\r\n  bootstrap(AppComponent, [provide(BrowserClient, useFactory: () => new BrowserClient(), deps: [])]\r\n  );\r\n}\r\n<\/pre>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<script type=\"text\/javascript\"  src='http:\/\/dart.honobono-life.info\/wp-content\/themes\/ang\/ngdart4\/post.dart.js'><\/script>","protected":false},"excerpt":{"rendered":"<p>AngularDart v4 Sample Code,Demo<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=\/wp\/v2\/posts\/166"}],"collection":[{"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=166"}],"version-history":[{"count":1,"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=\/wp\/v2\/posts\/166\/revisions"}],"predecessor-version":[{"id":167,"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=\/wp\/v2\/posts\/166\/revisions\/167"}],"wp:attachment":[{"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=166"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dart.honobono-life.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}