0

angular 1プロジェクトのセットアップ方法を学ぶために小さなアプリケーションをセットアップしようとしています(はい、1.私たちはオフィスで1にいて、それを学びたいです)。

一部は機能しますが、別のコントローラーを追加するとバラバラになります。私のプロジェクトは次のようになります。

app.js:

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

クロックコントローラー.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>

そしてもちろん、index.html に追加の div

  <div ng-controller="tickerController" >

        {{ $scope.Name }}

    </div>

    <div ng-controller="clockController"........

しかし、今では次のエラーが表示されます。

angular.js:14700 エラー: [$controller:ctrlreg] 「clockController」という名前のコントローラーが登録されていません。

そして、私のページはほとんど空白のままです。

今、どのように進めますか？

4

1 に答える 1