AngularJS 简单 "Hello, world"不起作用-6ren

AngularJS 简单 "Hello, world"不起作用

转载作者：行者123 更新时间：2023-12-02 21:46:18

26

4

尝试遵循教程时，我无法使“Hello, world”示例正常工作。相反，它显示:“{{greeting.text}}，世界”。使用 Chrome 和 AngularJS 1.3.1。

index.html:

<!DOCTYPE html>
<html ng-app>
    <head>
        <script src="angular.js"></script>
        <script src="app.js"></script>
        <!--<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />-->
    </head>
    <body>
        <div ng-controller='HelloController'>
            <p>{{greeting.text}}, world </p>
        </div>
    </body>
</html>

app.js

function HelloController($scope) {
    $scope.greeting = { text: 'Hello' };
}

我的文件夹结构

root/
    angular.js
    app.js
    index.html

谢谢

最佳答案

我希望这会有所帮助。

index.html

<!DOCTYPE html>
<html ng-app="appname">

  <head>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
    <link href="style.css" rel="stylesheet"/>
    <script src="script.js"></script>
  </head>

  <body>
    <div ng-controller="appCtrl">
      <p>{{greeting.text}}, world </p>
    </div>
  </body>

</html>

script.js

var appname = angular.module('appname', []);
appname.controller('appCtrl', ['$scope',
  function($scope) {
    $scope.greeting = { text: 'Hello' };
}]);

http://plnkr.co/edit/XmliRcmsZvuQimHoyjN5?p=preview

关于AngularJS 简单 "Hello, world"不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26760518/

26

4

0

文章推荐： angularjs - 如何使用 jasmine 测试 John papa vm.model 单元测试？

文章推荐： installation - 免费的多平台安装程序

文章推荐： angularjs - Angular JS 图像裁剪指令

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

商城

AngularJS 简单 "Hello, world"不起作用