\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\n(main.dart)\r\nimport 'package:angular\/angular.dart';\r\nimport 'orderby_pipe.dart';\r\n\r\n@Component(\r\n selector: 'my-app',\r\n template: '''\r\n<table class=\"table\">\r\n <thead>\r\n <tr><th>Product Name<\/th><th>Product Price<\/th><\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr *ngFor=\"let item of products | orderby: key\">\r\n <td>{{item[\"name\"]}}<\/td>\r\n <td>{{item[\"price\"] | currency:'JPY':true}}<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n<\/table>\r\n ''',\r\n directives: const [CORE_DIRECTIVES],\r\n pipes: const [COMMON_PIPES, OrderbyPipe]\r\n)\r\nclass AppComponent {\r\n List<Map> products = [\r\n { \"name\": \"digital camera-A\",\"price\": 8500},\r\n { \"name\": \"digital camera-D\",\"price\": 3500},\r\n { \"name\": \"computer-B\" ,\"price\": 15900},\r\n { \"name\": \"digital camera-B\",\"price\": 9800},\r\n { \"name\": \"computer-D\" ,\"price\": 5900},\r\n { \"name\": \"computer-C\" ,\"price\": 25900},\r\n { \"name\": \"computer-A\" ,\"price\": 14900}\r\n ];\r\n String key = 'price';\r\n}\r\n\r\nvoid main() {\r\n bootstrap(AppComponent);\r\n}\r\n\r\n\r\n(orderby_pipe.dart)\r\nimport 'package:angular\/angular.dart';\r\n\r\n@Pipe('orderby')\r\nclass OrderbyPipe extends PipeTransform {\r\n List<Map> transform(List<Map> array, String key) {\r\n array.sort((Map a, Map b) {\r\n if (a[key] < b[key]) {\r\n return -1;\r\n } else if (a[key] > b[key]) {\r\n return 1;\r\n } else {\r\n return 0;\r\n }\r\n });\r\n return array;\r\n }\r\n}\r\n<\/pre>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n