2015-01-27 2 views
0

모달을 추가하려는 프로젝트가 있습니다. 좋아요, 그래서 나는 읽고 $ 대화 상자를 사용하여 갈 방법과 같은 소리. 이미 각도가있어, 부트 스트랩과 부트 스트랩을 가지고있어.

2013 년부터 게시물을 읽는 사람들은 "이봐 요, 가서 각도 UI 모듈, 여기가 $ 대화입니다!"라고 말합니다.

좋아요, 저는 앵글 -UI 사이트에 갔는데, 제가 정말로 바보가 아니라면 (어쩌면 저는) 앵글 UI 모듈과 같은 것이 없습니다. 또한 그 사이트의 어떤 파일 (전체 묶음이 있기 때문에)에 마법의 $ 대화 상자가 포함되어 있는지 쉽게 파악할 수 없습니다.

도와주세요!

이 포함되고있다 : 나는 컨트롤러에서 $ 대화를 제거하면

<script src="lib/AngularJS/angular.js"></script> 
<script src="lib/AngularJS/angular-route.js"></script> 
<script src="lib/AngularJS/angular-sanitize.js"></script> 
<script src="lib/jQuery/jquery-2.1.1.js"></script> 
<script src="lib/bootstrap/js/bootstrap.js"></script> 
<script src="lib/bootstrap-ui/ui-bootstrap-tpls-0.12.0.js"></script> 
<script src="lib/lodash/lodash.min.js"></script> 
<script src="lib/angular-file-upload/dist/angular-file-upload-all.js"></script> 

var myApp = angular.module("myApp", 
    ['ngRoute', 
    'angularFileUpload', 
    'ui.bootstrap.tpls', 
    'ui.bootstrap.rating', 
    'ui.bootstrap', 
    'ngMap', 
    'ngSanitize'] 
); 

myApp.controller('myController', 
    ['$scope','$rootScope', '$dialog', 
    function ($scope, $rootScope, $dialog) { 

, 다 괜찮습니다. 내가 거기에 넣자 마자 알 수없는 공급자 오류가 발생합니다. 당신이 가장 가능성이 원하는 것은

+0

몇 가지 코드 예제를 제공 할 수 있습니까? p.d : 컨트롤러에 $ dialog를 삽입하는 것을 잊어 버리십시오. – levi

+0

그게 문제입니다 ... 컨트롤러에 $ dialog를 주입하려고 할 때 발생합니다. 코드를 추가하겠습니다. –

답변

4

myApp.controller('myController', 
    ['$scope','$rootScope', '$modal', 
    function ($scope, $rootScope, $modal) { 

$modal은 여기에 대한 자세한 내용을 읽어 : http://angular-ui.github.io/bootstrap/#/modal

내가 정확히 기억한다면, $ 대화 호출하는 데 사용되며 이후 변경되었습니다.

+1

그게 다야. 당신이 나에게 그 정보를 조금 주면 꽤 빨리 일할 수있었습니다. –

+1

그냥 재미로 지금은 $ uibModal ... – andyhasit

관련 문제