{"action":"opened","issue":{"url":"https://api.github.com/repos/formly-js/angular-formly-templates-bootstrap/issues/105","repository_url":"https://api.github.com/repos/formly-js/angular-formly-templates-bootstrap","labels_url":"https://api.github.com/repos/formly-js/angular-formly-templates-bootstrap/issues/105/labels{/name}","comments_url":"https://api.github.com/repos/formly-js/angular-formly-templates-bootstrap/issues/105/comments","events_url":"https://api.github.com/repos/formly-js/angular-formly-templates-bootstrap/issues/105/events","html_url":"https://github.com/formly-js/angular-formly-templates-bootstrap/issues/105","id":176095683,"number":105,"title":"Support for custom interpolation symbols","user":{"login":"nacknet","id":9269568,"avatar_url":"https://avatars.githubusercontent.com/u/9269568?v=3","gravatar_id":"","url":"https://api.github.com/users/nacknet","html_url":"https://github.com/nacknet","followers_url":"https://api.github.com/users/nacknet/followers","following_url":"https://api.github.com/users/nacknet/following{/other_user}","gists_url":"https://api.github.com/users/nacknet/gists{/gist_id}","starred_url":"https://api.github.com/users/nacknet/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nacknet/subscriptions","organizations_url":"https://api.github.com/users/nacknet/orgs","repos_url":"https://api.github.com/users/nacknet/repos","events_url":"https://api.github.com/users/nacknet/events{/privacy}","received_events_url":"https://api.github.com/users/nacknet/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-09-09T19:58:43Z","updated_at":"2016-09-09T19:58:43Z","closed_at":null,"body":"# If the $interpolateProvider is changed template labels do not render correctly.\r\n\r\nAt the project I'm working on, we needed to change the *$interpolateProvider* at some point and unfortunatly that has not allowed us to use the \"**angular-formly-templates-bootstrap**\".\r\n\r\nI've been reading about this issue and how it could be fixed. I was surprised to find out that the bootstrap project already had to deal with this a couple of years ago. ([Bootstrap issue 235](https://github.com/angular-ui/bootstrap/issues/235) | [angular-widgets issue 202](https://github.com/angular-widgets/angular-jqm/issues/202))\r\n\r\nWhat they did, was instead of using expressions, they replaced them with the \"ng-bind\" directive. \r\n\r\nSo, with this information I went to the dist files I had and tried the following for testing:\r\nI changed the equivalent of:  src/wrappers/label.html from this:\r\n\r\n```javascript\r\n <div>\r\n   <label for=\"{{id}}\" class=\"control-label {{to.labelSrOnly ? 'sr-only' : ''}}\" ng-if=\"to.label\">\r\n     {{to.label}}\r\n     {{to.required ? '*' : ''}}\r\n   </label>\r\n   <formly-transclude></formly-transclude>\r\n </div>\r\n```\r\n\r\nto this: \r\n```javascript\r\n<div>\r\n  <label for=\"{{id}}\" ng-class=\"'control-label ' + (to.labelSrOnly ? 'sr-only' : '');\" ng-if=\"to.label\" ng-bind=\" to.label + ' ' + (to.required ? '*' : '')\">\r\n   </label>\r\n  <formly-transclude></formly-transclude>\r\n</div>\r\n```\r\n(*Also for the css class definition I used the \"ng-class\" directive to get rid of the \"{{\" \"}}\" delimited expression that is causing this incompatibility issue.*)\r\n\r\nAnd with it, I was able to use correctly the \"**angular-formly-templates-bootstrap**\" in a project with a customized *$interpolateProvider*. \r\n\r\nSo I was wondering if this could be added to the code, to expand this template to be used on even more case scenarios\r\n"}}
{"actor":{"display_login":"nacknet"}}