{"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular/issues/6901","repository_url":"https://api.github.com/repos/angular/angular","labels_url":"https://api.github.com/repos/angular/angular/issues/6901/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular/issues/6901/comments","events_url":"https://api.github.com/repos/angular/angular/issues/6901/events","html_url":"https://github.com/angular/angular/issues/6901","id":131511306,"number":6901,"title":"Dart doesn't do [class]","user":{"login":"kwalrath","id":2164483,"avatar_url":"https://avatars.githubusercontent.com/u/2164483?v=3","gravatar_id":"","url":"https://api.github.com/users/kwalrath","html_url":"https://github.com/kwalrath","followers_url":"https://api.github.com/users/kwalrath/followers","following_url":"https://api.github.com/users/kwalrath/following{/other_user}","gists_url":"https://api.github.com/users/kwalrath/gists{/gist_id}","starred_url":"https://api.github.com/users/kwalrath/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kwalrath/subscriptions","organizations_url":"https://api.github.com/users/kwalrath/orgs","repos_url":"https://api.github.com/users/kwalrath/repos","events_url":"https://api.github.com/users/kwalrath/events{/privacy}","received_events_url":"https://api.github.com/users/kwalrath/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-02-05T00:00:42Z","updated_at":"2016-02-23T15:00:42Z","closed_at":null,"body":"If you use `[className]` instead, it works.\r\n\r\nMisko says, \"We alias `[class]` to `[className]` so it looks like the alias is broken in Dart.\"\r\n\r\nExample:\r\n\r\n```\r\n// In Dart code:\r\nclass AppComponent {\r\n  //...\r\n  String badCurly = 'bad curly'; // Works with [className].\r\n  //...\r\n}\r\n\r\n<!-- In HTML: -->\r\n<div class=\"bad curly special\">Bad curly special</div>\r\n\r\n<!-- reset/override all class names with a binding  -->\r\n<div class=\"bad curly special\"\r\n     [className]=\"badCurly\">Bad curly</div>\r\n```\r\n\r\nIf you change `[className]` to `[class]`, it stops working.\r\n\r\nSee the whole sample in https://github.com/angular/angular.io/pull/758. It's based on the [TypeScript Template Syntax page](https://angular.io/docs/ts/latest/guide/template-syntax.html), which has a [plunkr for its sample](https://angular.io/resources/live-examples/template-syntax/ts/plnkr.html).\r\n"},"comment":{"url":"https://api.github.com/repos/angular/angular/issues/comments/187730756","html_url":"https://github.com/angular/angular/issues/6901#issuecomment-187730756","issue_url":"https://api.github.com/repos/angular/angular/issues/6901","id":187730756,"user":{"login":"pkozlowski-opensource","id":973550,"avatar_url":"https://avatars.githubusercontent.com/u/973550?v=3","gravatar_id":"","url":"https://api.github.com/users/pkozlowski-opensource","html_url":"https://github.com/pkozlowski-opensource","followers_url":"https://api.github.com/users/pkozlowski-opensource/followers","following_url":"https://api.github.com/users/pkozlowski-opensource/following{/other_user}","gists_url":"https://api.github.com/users/pkozlowski-opensource/gists{/gist_id}","starred_url":"https://api.github.com/users/pkozlowski-opensource/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pkozlowski-opensource/subscriptions","organizations_url":"https://api.github.com/users/pkozlowski-opensource/orgs","repos_url":"https://api.github.com/users/pkozlowski-opensource/repos","events_url":"https://api.github.com/users/pkozlowski-opensource/events{/privacy}","received_events_url":"https://api.github.com/users/pkozlowski-opensource/received_events","type":"User","site_admin":false},"created_at":"2016-02-23T15:00:42Z","updated_at":"2016-02-23T15:00:42Z","body":"`class` -> `className` seems to be properly mapped in Dart (https://github.com/angular/angular/blob/e7470d557df0400a812d84551524970cb5f12eee/modules/angular2/src/platform/browser/browser_adapter.ts#L7) so there is sth else that must be going here.\r\n\r\nI suspect that it might be interference of the `class` and `[class]` used on the same element. @kwalrath would you mind changing to `<div [class]=\"badCurly\">Bad curly</div>`  and see if classes from the `badCurly` are applied? \r\n\r\n"}}