包含角度时出错

我尝试学习角度js。我尝试在HTML一个简单的代码这样包含角度时出错

<!DOCTYPE html> 
    <html lang="en" ng-app=""> 
     <head> 
      <meta charset="utf-8"> 
      <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <title>Title Page</title> 

      <link rel="stylesheet" href="bootstrap.min.css" > 
     </head> 
     <body> 
      <input type="text" ng-model="name"> 
      <div>hello{(name)}</div> 
      <!-- jQuery --> 
      <script src="https://cdnjs.com/libraries/angular.js/"></script> 
    </body> 
</html>

结果当我在Web浏览器中运行它是一个错误。它没有工作在控制台上的错误是这样

Uncaught ReferenceError: System is not defined on line 2

怎么来的，我得到的错误也是这样吗？

来源

2016-07-27 renat natanael

尝试包括本脚本标记'' –

不能包括所有的https://cdnjs.com/libraries/angular.js/页，你需要选择你想包括脚本，是这样的：

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>

而且，{{name}}（两个花括号），而不是{(name)}

<!DOCTYPE html> 
 
    <html lang="en" ng-app=""> 
 
     <head> 
 
      <meta charset="utf-8"> 
 
      <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
      <title>Title Page</title> 
 
      
 
     </head> 
 
     <body> 
 
      <input type="text" ng-model="name"> 
 
      <div>hello {{name}}</div> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script> 
 
    </body> 
 
</html>

来源

2016-07-27 12:10:37 rpadovani

这是指向AngularJS CDN页数：

<script src="https://cdnjs.com/libraries/angular.js/"></script>

您应该选择一个版本。例如精缩版AngularJS 1.5.8：

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>

请注意，您应该排除https。

另外检查打印出AngularJS中的变量，你应该使用{{ name }}而不是{(name)}。

来源

2016-07-27 12:11:48

这里至少有两点需要突出显示。

您的导入。其他答案正在完美地描述它为什么不起作用。修理它。
角本身。角度作品应用程序和控制器（为其最简单的部分）。你需要做的是制作一个包含你的控制器的文件。例如，创建一个名为myapp.js文件，并将其导入到你的网页：

<script src="path/to/myapp.js"></script>

然后，一旦你初始化你的应用程序（var myApp = angular.module('myApp',[]);会做很好的伎俩）和控制器（检查AngularJS documentation about it），你就可以用你的范围并初始化数据：

$scope.name = 'John';

打电话给你的应用程序在你的HTML页面：

<html ng-app="myApp">

而且你可以看到神奇的工作有：

hello {{ name }} // and not {(name)}

Web浏览器应实际显示：

hello John

来源

2016-07-27 12:19:01

包含角度时出错

回答

相关问题