javascript - 我的 "Hello World"Angular JS 不工作-6ren

javascript - 我的 "Hello World"Angular JS 不工作

转载作者：塔克拉玛干更新时间：2023-11-02 21:52:36

25

4

我一直在按照教程学习 Angular js，我正在使用 Web Storm 9.0.1。

我只是创建了一个 Html 页面并将 Angular.js 文件加载到项目中。这是我的简单代码:

    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Hello World</title>
</head>
<body>
    <h1 ng-controller="HelloWorldCtrl">{{helloMessage}}</h1>
    <script src="angular.min.js"></script>
    <script type="text/javascript">
        function HelloWorldCtrl($scope) {
            $scope.helloMessage = "Hello World ";
        }
    </script>
</body>
</html>

但是当我运行该页面时，我得到的只是:{{helloMessage}} 作为标题 1!我应该怎么办？我在这里缺少什么？

最佳答案

你需要:

<body ng-app>

需要这个 ngApp 来理解 AngularJS 在哪里工作

这是您的工作代码: http://plnkr.co/edit/lPOknrPD5dykwImL6Pb9?p=preview

关于javascript - 我的 "Hello World"Angular JS 不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27274288/

25

4

0

文章推荐： javascript - 以编程方式清除 Phonegap 的 InAppBrowser 缓存

文章推荐： android - 不要让用户清除 android 通知？

文章推荐： javascript - JavaScript 中未初始化变量的作用域

java - 正则表达式匹配重复两次的单词(即 hello hello hello)
我的 CS2 讲师给出了一个 java 正则表达式，用于检查单词是否重复: \\b(\\w+)\\s+\\1\\b 如何修改它来检查某个单词是否重复两次，如“hello hello hello”或“h
javascript - 突变(["hello"， "Hello"])； - 如果 Hello 等于 hello 但我的代码返回 false，则返回 true？
关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topi
c - 在下面的代码中，我使用了 2 个 printf 语句。问题是我得到的输出为“hi hello hi hello "instead of "hi hello hello”
这个问题已经有答案了: printf anomaly after "fork()" (3 个回答) 已关闭 3 年前。 #include #include Void main() { Printf
c++ - ("hello"+ 1) VS ( *"hello") + 1 VS (* ("hello"+ 1)) 之间的差异
我一直在分配以下作业来解释 3 个语句中发生的事情，但我无法弄清楚。 cout << ("hello" + 1); // ello cout << (*"hello") + 1; // 10
hello.js - hello.js如何判断用户是否登录？
如何确定用户是否使用 hello.js 登录？使用 Google Sign-In SDK，我可以使用 gapi.auth2.init() 注册回调，当设置 SDK 并准备好回答诸如“你是登录了吗？”
java - 当它间接指向 ("hello"时，使用 new String "hello") 是否比简单的 "hello"完全无用？
执行String S1 = "hello";后，JVM将在SCP中创建一个String对象，该对象将在value字段中保存一个字符数组，如 s1.value = {'h', 'e', 'l', 'l'
xcode - 找不到“hello/Hello.h”文件 - 尝试构建/运行 iOS gomobile Hello 应用程序
我正在 build gomobile Hello示例应用程序，但遇到以下问题:在 Xcode (7.1) 中打开应用程序后尝试构建并运行该应用程序时，出现错误“找不到 hello/Hello.h”文件
python - 如何在此程序中每秒显示一次 'Hello' 而不是一共显示五个 'Hello'？
#coding=utf-8 '''Tkinter module''' from Tkinter import * import time root=Tk() t=Text(root,fg='red')
c++ - "hello"和 {"hello"} 有什么区别？
在C/C++中，下面两行代码有什么区别: char *str1="hello"; char *str2={"hello"}; 最佳答案根据 2011 C 标准，条款 6.7.9 初始化，第 11
android编程使用Go mobile报错import go.hello.Hello
我对在 android studio 中导入 import.hello.Hello 时出错有疑问，如下图所示。请给我解决方案如何解决这个错误最佳答案请参阅此处 @Arpit Patel answe
gitignore:了解 "hello/"与 "hello/*"
hello/ 忽略文件夹结构中任何位置名为“hello”的所有文件夹 hello/* 仅忽略顶级文件夹“hello”。这是为什么？请指出http://git-scm.com/docs/gitigno
c - 为什么 strcpy(strerror(errno) ,"Hello") 不复制 "Hello"，但 {ptr=strerror(errno);strcpy(ptr ,"Hello");} 复制？
请解释以下程序中发生了什么。我在程序的开头和结尾检查了 strerror(errno) 返回的地址，并确认它每次都返回相同的地址。然后一旦确定这一点，在第一种情况下我继续将相同的地址分配给 ptr，
bash - alias hello ='echo Hello' - 为什么这在重启后不起作用？
在整个互联网上你都会看到这个命令 alias hello='echo Hello' 是的，我知道以上是一个蹩脚的例子，但它不是重点。如果我执行它，它就会起作用。但是当我重新启动计算机时，它丢失了。为什
c++ - ptr->hello();/* VERSUS */(*ptr).hello();
我正在学习 C++ 指针，而 -> 运算符对我来说似乎很奇怪。代替ptr->hello(); 可以写成 (*ptr).hello(); 因为它似乎也可以工作，所以我认为前者只是更方便方式。是这样还是
Python:为什么 ("hello"是 "hello")评估为真？
这个问题在这里已经有了答案: About the changing id of an immutable string (5 个回答) 关闭4年前。为什么 "hello"is "hello" 在 P
java - Hello hello prolog 和 weka 集成
我需要Prolog的源代码，它用于与Weka连接，并且能够在Windows环境下使用Weka算法进行预测。我尝试通过 Java 连接，但无法使用 Java 和 Prolog 进行连接和预测。最佳答案
Java 字符串转换(例如 hello world --> Hello World)
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: Capitalize First Char of Each Word in a String Java 编写进行以下
ruby - "hello".length 和 "hello".length 有什么区别？
当我在 ruby 控制台中运行以下示例时，我感到很惊讶。它们都产生相同的输出。 "hello".length 和 "hello" .length ruby
android - 我的 Android "Hello World"应用不显示 "Hello"
我创建了一个Hello World应用，系统生成了下面大部分的Android语言。在没有 System.out 语句的情况下运行应用程序时，模拟器中不会显示“Hello”。然后，使用 Eclipse
android - 运行 hello world - 没有在屏幕上显示 hello world
是的，所以我正在制作一个沼泽标准 Hello world 以确保 android 正常工作。这是我第一次使用 android，所以我正在设置环境。我按照以下程序制作了程序:http://develop

首页

博学

6Ren·AI

商城

javascript - 我的 "Hello World"Angular JS 不工作