지침에 넣을 때 모달이 올바르게 표시되지 않음
마르 웬 트라벨시
나는 재생할 수없는 AngularStrap의 예를 여기에 작업 쿵하는 소리
이 예제를 코드에 통합하면 얻을 수있는 것 :
(보시다시피 조금 어두워서 왜인지 모르겠습니다 ...)
내가 기대하는 것 :
실제로 나는 이것에 대한 해결책을 찾기 위해 하루 종일 보냈지 만 운이 없었습니다.
guest.html
<body ng-app="module.app">
<div class="container-fluid">
<nav class="navbar navbar-inverse navbar-static-top">
<div topbar></div>
</nav>
<div class="row">
<div ui-view></div>
</div>
</div>
</body>
topBar directive.js :
topBarModule.directive('topbar', function() {
return {
restrict: 'EAC',
templateUrl: 'app/shared/topBar/topBar.html',
controller: 'TopBarController'
//ad controller for more controll logged user etc....
};
});
topBar.html :
<div class="container-fluid">
...
<div class="collapse navbar-collapse">
<button type="button" class="btn btn-lg btn-primary" data-animation="am-fade-and-scale" data-placement="center" bs-modal="modal">Click to toggle modal
<br>
<small>(using an object)</small>
</button>
</div>
...
</div>
topBarController.js :
var topBarModule = angular.module('module.topBar', ['ui.router','mgcrea.ngStrap','ngAnimate','ngSanitize']);
topBarModule.controller('TopBarController', function($cookieStore,$scope,Session,Department,Auth,$window,$modal,$rootScope) {
//..
$rootScope.modal = {title: 'Title', content: 'Hello Modal<br />This is a multiline message!'};
});
문제가 어디에 있는지 알 수 없습니다. 누가 무엇이 문제인지 말해 줄 수 있습니까?
마르 웬 트라벨시
@dhaval 제안을 사용하여 찾았습니다.
문제는- 여기에서 언급했듯이 -부모 요소가이 동작이 발생하는 고정 된 또는 상대 위치를 가지고 있다는 것입니다.
그래서 그냥 navbar-static-top속성을 삭제하고 이제 작동합니다.
<body ng-app="module.app">
<div class="container-fluid">
<!-- <nav class="navbar navbar-inverse navbar-static-top"> -->
<nav class="navbar navbar-inverse">
<div topbar></div>
</nav>
<div class="row">
<div ui-view></div>
</div>
</div>
</body>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
- 이전 게시물：새 줄로 구분 된 여러 json 객체에 대한 json 매퍼 writerWithDefaultPrettyPrinter
- 다음 포스트：자바 :이 byte []를 16 진수 메서드로 바꾸는 방법은 무엇입니까?
관련 기사
Related 관련 기사
- 1
마지막 행이 삭제되었을 때 QTableWidget의 셀 위젯이 올바르게 표시되지 않음
- 2
십진수로 배율을 조정할 때 이미지가 올바르게 표시되지 않음
- 3
CSV 파일을 읽을 때 문자가 올바르게 표시되지 않음
- 4
CSV 파일을 읽을 때 문자가 올바르게 표시되지 않음
- 5
작업 표시 줄에서 최대화 할 때 Chrome이 올바르게 표시되지 않음
- 6
노트북이 연결되었을 때 창 제목 표시 줄이 13.10으로 올바르게 표시되지 않음
- 7
Excel에서 시간이 올바르게 표시되지 않음
- 8
JLabel이 HTML을 올바르게 표시하지 않음
- 9
Extjs 6 콤보 상자 값 및 표시 값이 행당 동적으로 값을 설정할 때 올바르게 표시되지 않음
- 10
다시 열 때 Matplotlib 그림이 올바르게 표시되지 않습니다.
- 11
Packagist에서 Github 별이 올바르게 표시되지 않음
- 12
laravel에서 URL이 올바르게 표시되지 않음
- 13
데이터베이스에서 쿼리 할 때 문자열이 올바르게 표시되지 않음
- 14
Bootbox 모달이 HTML 형식을 올바르게 지정하지 않음
- 15
스크롤 할 때 탐색에서 현재 섹션이 올바르게 강조 표시되지 않음
- 16
배경 이미지가 올바르게 표시되지 않음
- 17
Matplotlib 수학 모드가 올바르게 표시되지 않음
- 18
SVG 아이콘이 올바르게 표시되지 않음
- 19
이온 탭 색상이 올바르게 표시되지 않음
- 20
CSS 레이아웃이 올바르게 표시되지 않음
- 21
geom_boxplot이 올바르게 표시되지 않음
- 22
Django Wagtail TableBlock이 올바르게 표시되지 않음
- 23
DateTime 형식이 올바르게 표시되지 않음
- 24
Python 형식이 올바르게 표시되지 않음
- 25
패널 제목이 올바르게 표시되지 않음
- 26
JavaScript 출력이 올바르게 표시되지 않음
- 27
목록 항목이 올바르게 표시되지 않음
- 28
pydev의 주석이 올바르게 표시되지 않음
- 29
Android 배경색이 올바르게 표시되지 않음
몇 마디 만하겠습니다