\r\n\r\n
\r\n(html)\r\n<head>\r\n.....\r\n <script defer src=\"main.dart\" type=\"application\/dart\"><\/script>\r\n <script defer src=\"packages\/browser\/dart.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <my-app>Loading...<\/my-app>\r\n<\/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 \r\n
\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 <strong>3 http request chain<\/strong><br \/>\r\n <button (click)=\"chain()\">send<\/button><br \/>\r\n <ul>\r\n <li *ngFor=\"let item of results1\">\r\n <span>{{item}}<\/span>\r\n <\/li>\r\n <\/ul>\r\n <strong>3 http request parallel<\/strong><br \/>\r\n <button (click)=\"para()\">send<\/button><br \/>\r\n <ul>\r\n <li *ngFor=\"let item of results2\">\r\n <span>{{item.body}}<\/span>\r\n <\/li>\r\n <\/ul>\r\n <strong>3 http request loop<\/strong><br \/>\r\n <button (click)=\"loop()\">send<\/button><br \/>\r\n <ul>\r\n <li *ngFor=\"let item of results3\">\r\n <span>{{item.body}}<\/span>\r\n <\/li>\r\n <\/ul>\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 List results1 = [];\r\n List results2 = [];\r\n List results3 = [];\r\n String _url;\r\n String _url1;\r\n String _url2;\r\n List _https = [];\r\n\r\n void chain() async {\r\n _url = \"http:\/\/localhost\/ngdart\/ng4\/sample\/q_chain_server.php?first=5\";\r\n await client.get(_url)\r\n .then((response) {\r\n results1.add(response.body);\r\n _url = \"http:\/\/localhost\/ngdart\/ng4\/sample\/q_chain_server.php?second=1\";\r\n client.get(_url)\r\n .then((response) {\r\n results1.add(response.body);\r\n _url = \"http:\/\/localhost\/ngdart\/ng4\/sample\/q_chain_server.php?third=3\";\r\n client.get(_url)\r\n .then((response) {\r\n results1.add(response.body);\r\n });\r\n });\r\n })\r\n .whenComplete(client.close);\r\n }\r\n\r\n void para() async {\r\n _url = \"http:\/\/localhost\/ngdart\/ng4\/sample\/q_chain_server.php?first=5\";\r\n _url1 = \"http:\/\/localhost\/ngdart\/ng4\/sample\/q_chain_server.php?second=1\";\r\n _url2 = \"http:\/\/localhost\/ngdart\/ng4\/sample\/q_chain_server.php?third=3\";\r\n await Future.wait([client.get(_url),client.get(_url1),client.get(_url2)])\r\n .then((List responses) => results2.addAll(responses))\r\n .catchError((e) => _handleError(e));\r\n }\r\n\r\n void loop() async {\r\n _url = \"http:\/\/localhost\/ngdart\/ng4\/sample\/q_loop_server.php?init=1\";\r\n await client.get(_url)\r\n .then((response) {\r\n List tmp = JSON.decode(response.body);\r\n int total = tmp.length;\r\n for(var i=0; i < total;i++) {\r\n _url = \"http:\/\/localhost\/ngdart\/ng4\/sample\/q_loop_server.php?\" + tmp[i][0];\r\n var http = client.get(_url);\r\n _https.add(http);\r\n }\r\n });\r\n await Future.wait(_https)\r\n .then((List responses) {\r\n results3.addAll(responses);\r\n })\r\n .catchError((e) => _handleError(e));\r\n }\r\n Exception _handleError(dynamic e) {\r\n print(e); \/\/ for demo purposes only\r\n return new Exception('Server error; cause: $e');\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