{"action":"created","issue":{"url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4046","labels_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4046/labels{/name}","comments_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4046/comments","events_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4046/events","html_url":"https://github.com/angular-ui/bootstrap/issues/4046","id":98133163,"number":4046,"title":"Missing `.in` class in modal with custom template","user":{"login":"edouard-lopez","id":1212392,"avatar_url":"https://avatars.githubusercontent.com/u/1212392?v=3","gravatar_id":"","url":"https://api.github.com/users/edouard-lopez","html_url":"https://github.com/edouard-lopez","followers_url":"https://api.github.com/users/edouard-lopez/followers","following_url":"https://api.github.com/users/edouard-lopez/following{/other_user}","gists_url":"https://api.github.com/users/edouard-lopez/gists{/gist_id}","starred_url":"https://api.github.com/users/edouard-lopez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edouard-lopez/subscriptions","organizations_url":"https://api.github.com/users/edouard-lopez/orgs","repos_url":"https://api.github.com/users/edouard-lopez/repos","events_url":"https://api.github.com/users/edouard-lopez/events{/privacy}","received_events_url":"https://api.github.com/users/edouard-lopez/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular-ui/bootstrap/labels/component:%20modal","name":"component: modal","color":"ffffff"},{"url":"https://api.github.com/repos/angular-ui/bootstrap/labels/resolution:%20support","name":"resolution: support","color":"c7def8"}],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/angular-ui/bootstrap/milestones/15","html_url":"https://github.com/angular-ui/bootstrap/milestones/Purgatory","labels_url":"https://api.github.com/repos/angular-ui/bootstrap/milestones/15/labels","id":831076,"number":15,"title":"Purgatory","description":"","creator":{"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},"open_issues":57,"closed_issues":79,"state":"open","created_at":"2014-10-18T10:43:17Z","updated_at":"2015-07-31T09:31:12Z","due_on":null,"closed_at":null},"comments":6,"created_at":"2015-07-30T10:14:51Z","updated_at":"2015-07-31T09:31:12Z","closed_at":"2015-07-31T09:31:12Z","body":"I'm using `ui.bootstrap` v`0.13.x` with custom template, while the modal is enable it is invisible due to the missing `in` class. This also happen with the [example markup/js from the doc](https://angular-ui.github.io/bootstrap/#/modal)\r\n\r\n### `pacakge.json`\r\n\r\nMy project got the following `pacakge.json` :\r\n\r\n    {\r\n      \"name\": \"project\",\r\n      \"dependencies\": {\r\n        \"bootstrap\": \"3.3.x\",\r\n        \"angular\": \"1.3.x\",\r\n        \"font-awesome\": \"4.3.x\",\r\n        \"ui.bootstrap\": \"0.13.x\",\r\n        \"angular-animate\": \"1.3.x\"\r\n      }\r\n    }\r\n\r\n### Scripts\r\nHere are the scripts I concat/minify into `vendor.js`: \r\n\r\n    vendor_scripts: [\r\n        'bower_components/angular/angular.min.js',\r\n        'bower_components/angular-sanitize/angular-sanitize.min.js',\r\n        'bower_components/angular-animate/angular-animate.min.js',\r\n\r\n        'bower_components/ui.bootstrap/src/dropdown/dropdown.js',\r\n        'bower_components/ui.bootstrap/src/alert/alert.js',\r\n        'bower_components/ui.bootstrap/src/bindHtml/bindHtml.js',\r\n        'bower_components/ui.bootstrap/src/modal/modal.js',\r\n        'bower_components/ui.bootstrap/src/position/position.js',\r\n        'bower_components/ui.bootstrap/src/progressbar/progressbar.js',\r\n        'bower_components/ui.bootstrap/src/tooltip/tooltip.js',\r\n        'bower_components/ui.bootstrap/src/transition/transition.js'\r\n    ],\r\n\r\n### modalInstance\r\n\r\n    var modalInstance = $modal.open({\r\n        templateUrl: '/static/html/inventory/change-quantity-modal.html',\r\n        controller: 'ChangeQuantityCtrl',\r\n        resolve: {\r\n            …\r\n        }\r\n    });\r\n\r\n### Template\r\n\r\n#### `backdrop.html`\r\n\r\n    <script type=\"text/ng-template\" id=\"template/modal/backdrop.html\">\r\n      <div class=\"modal-backdrop fade {{ backdropClass }}\"\r\n           ng-class=\"{in: animate}\"\r\n           ng-style=\"{'z-index': 1040 + (index && 1 || 0) + index*10}\"\r\n      ></div>\r\n    </script>\r\n\r\n#### `window.html`\r\n    <script type=\"text/ng-template\" id=\"template/modal/window.html\">\r\n      <div tabindex=\"-1\" role=\"dialog\" class=\"modal fade\" ng-class=\"{in: animate}\" ng-style=\"{'z-index': 1050 + index*10, display: 'block'}\" ng-click=\"close($event)\">\r\n          <div class=\"modal-dialog\" ng-class=\"{'modal-sm': size == 'sm', 'modal-lg': size == 'lg'}\"><div class=\"modal-content\" modal-transclude></div></div>\r\n      </div>\r\n    </script>\r\n\r\n##### Default template\r\nI tried to use the template from the package but then get `Error: $transclude is not a function`. \r\n\r\nI reckon it's a different issue than #3559 as I'm using angular `1.3.x`."},"comment":{"url":"https://api.github.com/repos/angular-ui/bootstrap/issues/comments/126621891","html_url":"https://github.com/angular-ui/bootstrap/issues/4046#issuecomment-126621891","issue_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4046","id":126621891,"user":{"login":"edouard-lopez","id":1212392,"avatar_url":"https://avatars.githubusercontent.com/u/1212392?v=3","gravatar_id":"","url":"https://api.github.com/users/edouard-lopez","html_url":"https://github.com/edouard-lopez","followers_url":"https://api.github.com/users/edouard-lopez/followers","following_url":"https://api.github.com/users/edouard-lopez/following{/other_user}","gists_url":"https://api.github.com/users/edouard-lopez/gists{/gist_id}","starred_url":"https://api.github.com/users/edouard-lopez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edouard-lopez/subscriptions","organizations_url":"https://api.github.com/users/edouard-lopez/orgs","repos_url":"https://api.github.com/users/edouard-lopez/repos","events_url":"https://api.github.com/users/edouard-lopez/events{/privacy}","received_events_url":"https://api.github.com/users/edouard-lopez/received_events","type":"User","site_admin":false},"created_at":"2015-07-31T09:31:12Z","updated_at":"2015-07-31T09:31:12Z","body":"Problem solved by:\r\n* updating the templates (without the wrapping `<script type=\"text/ng-template\" id=\"template/modal/backdrop.html\">` tag)\r\n* removing `<ng-include src=\"'template/modal/backdrop.html'\"></ng-include>`"}}