AngularJS最新版CDN无法正常工作

时间:2016-09-10 16:48:26

标签: angularjs

我知道这可能是我A上的一个愚蠢的错误,但我想了解为什么AngularJS版本CDN1.5.8) angularjs不起作用,而当我使用https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js版本CDN1.2.29)进行测试时,效果非常好。我需要在代码中更改什么?

firstHtml.html

https://ajax.googleapis.com/ajax/libs/angularjs/1.2.29/angular.min.js

enter image description here

3 个答案:

答案 0 :(得分:1)

角度参考没有问题,

您尚未提及ng-app名称

import flash.geom.Point;

var squareWidth:uint = 40;
var squareHeight:uint = 40;
var marginX:uint = 100;
var marginY:uint = 75;
var spacer:uint = 10;
var positions:Vector.<Point >  = new Vector.<Point > (9);

function setPositions(v:Vector.<Point>):void {
    var count:uint = 0;
    var posx:uint;
    var posy:uint;
    for (var i = 0; i < 3; i ++)
    {
        for (var j = 0; j < 3; j ++)
        {
            posx = (j * squareWidth) + (spacer * j) + marginX;
            posy = (i * squareHeight) + (spacer * i) + marginY;
            v[count] = new Point(posx,posy);
            count++;
        }
    }
}
setPositions(positions);
trace(positions);
// output : 
// (x=100, y=75),(x=150, y=75),(x=200, y=75),(x=100, y=125),(x=150, y=125),(x=200, y=125),(x=100, y=175),(x=150, y=175),(x=200, y=175)

工作DEMO

答案 1 :(得分:0)

如果您是AngularJS的新用户,请转到此页面。我认为它不起作用的原因是将 ng-app 添加到HTML的body标签而不是HTML标签。

示例

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Getting started with angular</title>
  <!-- angular cdn -->
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>

</head>
<body ng-app="">

  <label>Name: </label>
    <input type="text" ng-model="name"> Welcome Mr. {{name}}

  <!-- angular module file -->
  <script type="text" src="./app.js"></script>
</body>
</html>

[https://plnkr.co/edit/PUFDtSrK6q2zbL12ccoR?p=preview][Plunker]

答案 2 :(得分:-2)

您想尝试此代码吗?

<!DOCTYPE html>
<html ng-app="appName">
<head>
  <title>Hello, Angular</title>
  <script src="https://code.angularjs.org/1.5.8/angular.min.js"></script>
</head>
<body ng-init="name='World'">
  <label>Name</label>
  <input ng-model="name" />
  <span>Hello, {{ name }}!</span>
  <p ng-bind="name"></p>
</body>
</html>