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

时间:2015-04-13 18:11:17

标签: javascript html css angularjs

我查看了许多教程和堆栈问题,但没有一个给出有帮助的解释。我想我错过了一些小事。我已经尝试过使用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>

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

你必须制作一个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>

答案 2 :(得分:0)

也许你错过了这个:

<html ng-app>