设置裸骨Angular 1应用程序

我正在尝试设置一个小型应用程序，以学习如何设置Angular 1项目（是的，1。我们在办公室1上，我想学习）。

一部分有效，但是当我添加另一个控制器时，它会崩溃。我的项目看起来像这样：

app.js：

angular.module('app', [  
    'app.controllers',
    'ds.clock'
]);

clockcontroller.js：

angular.module('app.controllers', []).controller('clockController', 
    function($scope) {
        "use strict";
        $scope.Name = "Angular";
});

index.html（缩写）：

 <body ng-app="app"> 

    <div ng-controller="clockController" style="float:right;width:20%x;margin:auto">
{{Name}}
    <div>
        <div><ds-widget-clock show-analog></ds-widget-clock></div>
    </div>

我的时钟以及范围上的"名称"属性。

但是，现在我尝试添加一个额外的控制器：

tickercontroller.js

angular.module('app.controllers').controller('tickerController', 
    function($scope) {
        'use strict';
        $scope.Name = 'ticker'; });

我还在<head>中添加了一个链接：

<script src="js/app.js"></script>
<script src="js/clockController.js"></script>
<script src="js/tickerController.js"></script>

当然还有索引中的额外div.html

  <div ng-controller="tickerController" >
        {{ $scope.Name }}
    </div>
    <div ng-controller="clockController"........

，但现在我被以下错误拍打：

Angular.js：14700错误：[$ Controler：ctrlreg]未注册带有'ClockController'名称的控制器。

，我的页面主要保持空白。

现在如何进行？

看起来您正在尝试错误。创建一个模块，用模块注册控制器，并将其包含在模块的一部分。那应该起作用。其他解决方案：

angular.module('app.controllers', [app.clockController])
.controller('clockController', function($scope) {
    "use strict";
    $scope.Name = "Angular";
});

这也应该有效。

相关内容

最新更新

热门标签：