Question

我正在尝试在同一页面上运行两个AngularJS应用程序，angucomplete和pickadate（https://github.com/restorando/angular-pickadate），但它无效。

这是我的HTML

<div id="Lookup">
            <div ng-controller="LookupController">

                <div class="row" id="Origin">

                    <div class="small-12 large-10 large-centered columns">

                        <label for="From">From:</label>

                        <div angucomplete-alt id="OriginSearch"
                             placeholder="Enter a placename"
                             pause="300"
                             selected-object="selectedOrigin"
                             remote-url="~/en/trip-details/LocationList?partialLocationName="
                             title-field="Name"
                             minlength="3"
                             match-class="highlight"
                             field-required="true" />
                    </div>
                    <pre ng-bind="position|json" />
                </div>
            </div>
                </div>

                <div id="datetimepicker">
                <div ng-controller="DateTimePickerController">

                    <section id="TravellingOn">
                        <div style="width: 400px; float: left; margin-right: 50px;">
                            <div pickadate ng-model="TravellingOn" min-date="minDate" max-date="maxDate" week-starts-on="0"></div>
                    </section>

                </div>
                </div>
                </div>

和我的Javascript ...

//Dropdowns

var dropdowns = angular.module('dropdowns', ["angucomplete-alt"]);

dropdowns.controller('LookupController', ['$scope', '$http',
function LookupController($scope, $http) {
    $scope.remoteUrlRequestFn = function (str) {
        return { q: str };
    };

}
]);



//Date / Time Picker

angular.module('DateTimePicker', ['pickadate'])
       .controller('DateTimePickerController', function ($scope) {

           var todayNow = moment().format("YYYY-MM-DD");
           var twoWeekView = moment().add(13, 'days').format("YYYY-MM-DD");

           $scope.date = todayNow;
           $scope.minDate = todayNow;
           $scope.maxDate = twoWeekView;

           });


angular.element(document).ready(function () {
    angular.bootstrap(document.getElementById('Lookup'), ['dropdowns']);
    angular.bootstrap(document.getElementById('datetimepicker'), ['DateTimePicker']);

});

当我将它们一起引导时，我得到以下内容......

参数'DateTimePickerController'不是函数，未定义

如果只有一个被引导但两者都在一起并且它抛出上述错误，那么它们都可以自己幸福地存在。在这一点失去了一点，任何帮助将不胜感激。

AngularJS：＆＃34; Bad Argument＆＃34;当使用angular.bootstrap时

0 个答案: