个人中心
gpt4 book ai didi

javascript - 设置一个简单的 Angular 1 应用程序

转载 作者：行者123 更新时间：2023-12-03 02:48:30 24 4
gpt4 key购买 nike

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

它的一部分可以工作，但是当我添加另一个 Controller 时，它就崩溃了。我的项目如下所示:

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>

我的时钟以及示波器上的“名称”属性都会显示。

但是，现在我尝试添加一个额外的 Controller :

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”的 Controller 未注册。

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

现在如何进行？

最佳答案

看来您的尝试不正确。再创建一个模块，向该模块注册 Controller 并将其作为模块的一部分包含在内。那应该有效。其他解决方案:

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

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

这应该也有效。

关于javascript - 设置一个简单的 Angular 1 应用程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47994968/

24 4 0
文章推荐： javascript - 按自定义 Angular 数据表中的列进行过滤
文章推荐： javascript - Firebase数据库输出字母排序问题
文章推荐： javascript - 点击下载 Highcharts
文章推荐： javascript - P5.js 用矩形绘制圆形
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com