UI Bootstrap Datumsauswahl funktioniert nicht in ng-admin benutzerdefinierte Seite

Question

Ich bin neu zu angularjs und auch für ng-admin.Ich benutze ng-admin für mein Projekt. Darin mache ich eine benutzerdefinierte Seite, in der ich die UI-Bootstrap-Datumsauswahl verwenden muss. Ein Popup kommt nicht. Unten ist mein Code.

hier ist mein benutzerdefinierter Seitencode.

<div class="input-group datepicker"> 
    <input type="text" ng-model="rawValue" id="" name="{{ name }}" class="form-  control" 
    uib-datepicker-popup="{{ format }}" is-open="isOpen" ng-required="{{v}}"/> 
<span class="input-group-btn"> 
    <button type="button" class="btn btn-default" ng-click="toggleDatePicker($event)"> 
     <i class="glyphicon glyphicon-calendar"></i> 
    </button> 
</span> 
</div> 

hier ist mein Javascript-Code.

$scope.rawValue = new Date(); 

$scope.format = "yyyy-MM-dd"; 

$scope.v = true; 
$scope.isOpen = false; 

    $scope.toggleDatePicker = function ($event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 

    }; 

Bitte helfen Sie mir in dieser Hinsicht.

Eigentlich, wenn ich ui-bootsrap.min.js Datei in "index.html" benutzerdefinierte Seite einbinden funktioniert datepicker gut. Aber ng-admin normale Seite datepickers und Filter Popups funktionieren nicht.

Answer 1

Deinetwegen verwendet is-open="isOpen" in Ihrem Input-Tag und setzen $scope.isOpen = false; in Ihrem Controller aber wenn Aufruf toggleDatePicker Funktion auf Tastenklick hat nicht gesetzt $scope.isOpen = true;

so $scope.isOpen = !$scope.isOpen; für Toggle festlegen müssen

$scope.toggleDatePicker = function ($event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 
    $scope.isOpen = !$scope.isOpen; 
}; 

Anm .: Vergewissern Sie sich, dass Sie 'ui.bootstrap' in Ihrem Modul

richtig injiziert haben

Aktualisiert:

Absolut sollten Sie ui-bootsrap.min.js in index.html Datei enthalten wegen ng-admin nicht ui-bootsrap enthalten waren. So wird Ihr Modul wie sein:

angular.module('yourModuleName', ['ng-admin', 'ui.bootstrap']);