Question

我查看了许多教程和堆栈问题，但没有一个给出有帮助的解释。我想我错过了一些小事。我已经尝试过使用controller.js和app.js的其他hello world网站，但是我发现了这个，我认为它应该可行，并且网站说它应该。当我输入数据时，它不会发生变化。

注意：起初我下载了angularjs，但后来我读到了我可以使用src = cnd代替。这是真的？我需要在根文件夹中包含angular.js吗？站点的角部分从未贯穿，例如{{}}。谢谢

<title>Hello World, AngularJS</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>




Write some text in textbox:

<h1>Hello {{ sometext }}</h1>

Answer 1

http://www.angularjsbook.com/angular-basics/chapters/introduction/

我认为你应该从一些读数开始！以下将有效。但是，您需要使用模型，控制器等逐步扩展...

<title>Hello World, AngularJS</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

<div ng-app>
Write some text in textbox:
<h1>Hello {{ 1+1 }}</h1>
</div>

Answer 2

你必须制作一个app.js文件。制作一个包含数据的json＆＃34; some text＆＃34;这是提供给html。

(function(){
    var app = angular.module('store',[ ]);
    app.controller('StoreController',function(){
        this.product = gem;
    });

    var gem = {
        sometext:'sometext'
    };


})();

HTML

<html ng-app="store">
<body>
<div ng-controller="StoreController as store">
      <h1>Hello {{store.product.sometext}}</h1>
</div>
</body>
    <script type="text/javascript" src="js/app.js"></script>
</html>

Answer 3

也许你错过了这个：

<html ng-app>

AngularJS没有加载到简单的hello世界中

3 个答案: