代码之家 › 专栏 › 技术社区 › Learner

设置裸骨角度1应用程序

angular1.6 angularjs javascript

Learner · 技术社区 · 7 年前

我正在尝试设置一个小应用程序来学习如何设置angular 1项目(是的,1。我们在办公室使用1,我想学习它)。

它的一部分工作正常,但当我添加另一个控制器时,它就会崩溃。我的项目如下所示:

应用程序。js公司:

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

时钟控制器。js公司:

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

        $scope.Name = "Angular";
});

指数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>

我的时钟以及示波器上的“Name”属性都会显示出来。

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

Ticker控制器。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"........

但现在我被以下错误所困扰:

有棱角的js:14700错误:[$controller:ctrlreg]未注册名为“clockController”的控制器。

我的页面大部分是空白的。

现在如何继续?

1 回复 | 直到 7 年前

dferenc ari 7 年前

看起来您的尝试不正确。再创建一个模块,向模块注册控制器,并将其作为模块的一部分。这应该行得通。其他解决方案:

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

    $scope.Name = "Angular";
});

这也应该起作用。

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

7 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

7 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

7 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

7 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

7 年前