个人中心
gpt4 book ai didi

javascript - 应用程序可以工作，但其中的第一个 Controller 失败

转载 作者：行者123 更新时间：2023-12-02 15:25:21 24 4
gpt4 key购买 nike

我正在我的应用程序中设置一个 Controller (大致遵循 a guide )。第一个 div 的行为符合预期 - 第一个显示文本，另一个为空。但是，ContraAss Controller 似乎未渲染，仅显示{{info}}。我错过了什么愚蠢的事情？ (注意。我确信这是一些基本的东西，但由于缺乏经验以及对智能感知表现不佳的普遍恼怒，我不知道如何继续。)

XML

<body>
  <div ng-app="ApplicationHolder">
    <div>Uno: "{{holderUno}}"</div>
    <div>Duo: "{{holderDuo}}"</div>
    <div ng-controller="ContraAss">{{info}}</div>
  </div>
</body>

JS

var application = angular.module("ApplicationHolder", []);

application.run(function ($rootScope) {
  $rootScope.holderUno = "Blipp";
});

application.controller("ContrAss", function($scope) {
  $scope.info = "This is an info carrier";
});

输出

Uno: "Blipp"
Duo: ""
{{info}}

首先，我认为我可能以错误的方式发送范围，但后来我意识到它会被渲染为空字符串，类似于 HolderDuo。所以现在，我倾向于怀疑 Controller 根本没有被识别为 Controller 。

我该如何处理？

最佳答案

HTML 和 JS 中的 Controller 名称不匹配(拼写错误)。

HTML 正在寻找名为 ContraAss 的 Controller ，但在 JavaScript 中您已将其定义为 ContrAss。因此，不存在 Controller ，它会向你的控制台抛出一个错误(当你不明白 JavaScript 正在做什么时，这是一个很好的第一个检查位置)。

将 Controller 定义更改为:

myApp.controller("ContraAss", function($scope) {
  $scope.info = "This is an info carrier";
});

关于javascript - 应用程序可以工作，但其中的第一个 Controller 失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33736390/

24 4 0
文章推荐： javascript - JQuery sortable 当只有一个元素存在时禁用排序
文章推荐： javascript - 如何表示new RegExp()是由未定义的值构造的？
文章推荐： javascript - jQuery每次循环变量数据丢失
文章推荐： javascript - 如何替换从特定索引到结尾的字符串
行者123
个人简介

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

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