Javascript 将控制器转换为AngularJS中的控制器_Javascript_Angularjs

Javascript 将控制器转换为AngularJS中的控制器

javascript angularjs

Javascript 将控制器转换为AngularJS中的控制器,javascript,angularjs,Javascript,Angularjs,我已经在使用角度引导日历了，它工作得很好。我添加了一个显示模式的按钮，以便可以使用ui.bootstrap.datepicker添加新事件当模式弹出时，我收到以下控制台消息： "Error: [ng:areq] http://errors.angularjs.org/1.4.3/ng/areq?p0=DatepickerDemoCtrl&p1=not%20a 1.#QNAN0unction%2C%20got%20undefined 下面是我在（index.htm

我已经在使用角度引导日历了，它工作得很好。我添加了一个显示模式的按钮，以便可以使用ui.bootstrap.datepicker添加新事件

当模式弹出时，我收到以下控制台消息：

"Error: [ng:areq] http://errors.angularjs.org/1.4.3/ng/areq?p0=DatepickerDemoCtrl&p1=not%20a            1.#QNAN0unction%2C%20got%20undefined

下面是我在（index.html）中的代码示例


添加新事件
-->这里定义了日历

“我的添加新事件”按钮调用demo.js中的eventCreateClicked函数，因为您有嵌套的ng应用程序。这在AngularJS中是不允许的。一个页面上可以有多个相邻的应用程序，但随后必须显式引导它们。请参阅Angular中的嵌套应用程序，但这些应用程序不是现成的，一般不推荐使用。这个案子也不例外。嵌套的

ng应用程序

在这里也不会造成任何伤害，只是会被忽略

DatepickerDemoCtrl

属于

ui.bootstrap.demo

模块（不是

app

），因此

ui.bootstrap.demo

模块：

两个

ng应用程序

无法在同一页面上工作。该链接用于相邻应用程序，不适用于嵌套应用程序，这可能会产生误导。超级，这消除了上述错误。谢谢！我得到一个

错误：v是未定义的

与

/0.13.1/ui bootstrap tpls.min.js

和AngularJS相关，但我猜这是另一个问题。在开发过程中始终使用未统一版本的库，这样错误会更有意义。上面的修复程序消除了我的错误，但是当模式弹出时，它似乎忽略了datetimepicker.js，所以我得到了关于datetimepicker的其他错误。看，这是同一个plunker在原来的职位，没有固定的。这是一段很大的代码，我建议在单独的问题中逐个解决问题。完成-

<body ng-cloak="" ng-app="demo">
    <div id="demo" ng-controller="MainCtrl as vm" class="row">

    <button class="btn btn-primary pull-right" ng-click="vm.eventCreateClicked(vm.events)">Add new event</button>

    <mwl-calendar> </mwl-calendar>    --> Calendar defined in here      


    <div ng-app="app" ng-controller="DatepickerDemoCtrl">
    <script type="text/ng-template" id="modalCreateEventContent.html">
      <div class="modal-body" id="modalEventCreate">
      </div>
    </script>
    </div> <!-- ng-controller -->

</div>        
</body>

angular
  .module('demo', ['mwl.calendar', 'ui.bootstrap', 'ngTouch', 'ngAnimate', 'ui.bootstrap.demo'])