2016-08-01 3 views
1

では動作しません、正しく、以下:私のHTMLビューのbodyタグのドロップダウンメニューを作成する場合UIB-ドロップダウンが、私がインストールされているHTMLビューのボディ

"ui-bootstrap": "0.12.2", "ngAnimate": "1.5.5", "AngularJs": "1.5.5

、私が受信していません目に見える結果。コンソールとネットワークアナライザの両方でエラーメッセージは表示されません。また、他のすべてのangularJSとコードはビュー内で完璧に動作しますので、外部設定に問題はありません。ここではHTMLに問題がある:

<div class="btn-group" uib-dropdown dropdown-append-to-body> 
    <button id="btn-append-to-body" type="button" class="btn btn-primary" uib-dropdown-toggle> 
    DropDown <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-body"> 
    <li role="menuitem"><a href="#">Action</a></li> 
    <li role="menuitem"><a href="#">Another action</a></li> 
    <li role="menuitem"><a href="#">Something else here</a></li> 
    <li class="divider"></li> 
    <li role="menuitem"><a href="#">Separated link</a></li> 
    </ul> 
</div> 

、ここでは、JSは質問である:UI-ブートストラップ0.14.0のよう

var myApp = angular.module('app', ['ui.bootstrap','ngAnimate']); 
myApp.controller('Controller', ['$scope', '$http', '$log', function($scope, $http, $log) { 

$scope.status = { 
isopen: false 
}; 

$scope.toggled = function(open) { 
$log.log('Dropdown is now: ', open); 
}; 

$scope.toggleDropdown = function($event) { 
$event.preventDefault(); 
$event.stopPropagation(); 
$scope.status.isopen = !$scope.status.isopen; 
}; 

$scope.appendToEl = angular.element(document.querySelector('#dropdown-long-content')); 
}]); 

答えて

1

、彼らは彼らのディレクティブのuib-接頭辞が必要です。以前のバージョンを使用しているようですので、uib-接頭辞を削除して表示するよう指示を取得する必要があります。つまり、「uib-dropdown-menu」は「drop-down-menu」になります。

いずれか、またはui-bootstrapの最新バージョンを使用してください。

出典:bootstrap migration guide for prefixes

関連する問題