Javascript 角度JS:ng重复不'；行不通_Javascript_Angularjs

Javascript 角度JS:ng重复不'；行不通

javascript angularjs

Javascript 角度JS:ng重复不'；行不通,javascript,angularjs,Javascript,Angularjs,我是新来的。这是我第一次通过观看教程来使用Angular JS编写代码。但在那个视频教程中，代码工作正常，但我的代码不工作。我的网页显示一个空白页 index.html <!DOCTYPE html> <html ng-app xmlns="http://www.w3.org/1999/xhtml"> <head> <title>MTG Browser</title> <link href="index.css"

我是新来的。这是我第一次通过观看教程来使用Angular JS编写代码。但在那个视频教程中，代码工作正常，但我的代码不工作。我的网页显示一个空白页

index.html

<!DOCTYPE html>
<html ng-app xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MTG Browser</title>
    <link href="index.css" rel="stylesheet" />
    <script src="angular.min.js"></script>
    <script src="CardsController.js"></script>
</head>
<body ng-controller="cardsListController">
    <div id="cardsList">
        <div ng-repeat="card in cards" class="cardItem">
            Card {{card.id}}
        </div>
    </div>
</body>
</html>

请有人解释为什么代码不起作用？

我已经修改了您的代码及其工作原理

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="CardsController.js"></script>
<body>
<div  ng-app="myApp" ng-controller="cardsListController" id="cardsList">
    <div ng-repeat="card in cards" class="cardItem">
        Card {{card.id}}
    </div>
</div>

我已经修改了你的代码和它的工作原理

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="CardsController.js"></script>
<body>
<div  ng-app="myApp" ng-controller="cardsListController" id="cardsList">
    <div ng-repeat="card in cards" class="cardItem">
        Card {{card.id}}
    </div>
</div>

我已经修改了你的代码和它的工作原理

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="CardsController.js"></script>
<body>
<div  ng-app="myApp" ng-controller="cardsListController" id="cardsList">
    <div ng-repeat="card in cards" class="cardItem">
        Card {{card.id}}
    </div>
</div>

我已经修改了你的代码和它的工作原理

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="CardsController.js"></script>
<body>
<div  ng-app="myApp" ng-controller="cardsListController" id="cardsList">
    <div ng-repeat="card in cards" class="cardItem">
        Card {{card.id}}
    </div>
</div>

您需要为您的ng应用程序分配一个名称，因为它是空的，在较新版本中不推荐使用此名称示例ng app=“nameofyourapp”

您需要为您的ng应用程序分配一个名称，因为它是空的，而在较新版本中不推荐使用此名称示例ng app=“nameofyourapp”

您需要为您的ng应用程序分配一个名称，因为它是空的，这在较新版本中是不推荐的示例ng app=“nameofyourapp”

您需要为您的ng应用程序分配一个名称，因为它是空的，而在较新版本中是不推荐的示例ng app=“nameofyourapp”

首先请提供一个JSFIDLE，问题可能在html标记中，标记中并不真正需要xmlns，但如果必须将其定义为：

      <html ng-app xmlns:ng="http://www.w3.org/1999/xhtml">

在浏览器中打开错误窗口，以清楚地识别错误

错误可能是angular在JS文件之前被调用，您应该尝试以下操作：

  <script src="CardsController.js"></script>
  <script src="angular.min.js"></script>
</body>

祝你好运

首先，请提供一个JSFIDLE，问题可能出在html标记中，您实际上不需要标记中的xmlns，但如果您必须将其定义为：

      <html ng-app xmlns:ng="http://www.w3.org/1999/xhtml">

在浏览器中打开错误窗口，以清楚地识别错误

错误可能是angular在JS文件之前被调用，您应该尝试以下操作：

  <script src="CardsController.js"></script>
  <script src="angular.min.js"></script>
</body>

祝你好运

首先，请提供一个JSFIDLE，问题可能出在html标记中，您实际上不需要标记中的xmlns，但如果您必须将其定义为：

      <html ng-app xmlns:ng="http://www.w3.org/1999/xhtml">

在浏览器中打开错误窗口，以清楚地识别错误

错误可能是angular在JS文件之前被调用，您应该尝试以下操作：

  <script src="CardsController.js"></script>
  <script src="angular.min.js"></script>
</body>

祝你好运

首先，请提供一个JSFIDLE，问题可能出在html标记中，您实际上不需要标记中的xmlns，但如果您必须将其定义为：

      <html ng-app xmlns:ng="http://www.w3.org/1999/xhtml">

在浏览器中打开错误窗口，以清楚地识别错误

错误可能是angular在JS文件之前被调用，您应该尝试以下操作：

  <script src="CardsController.js"></script>
  <script src="angular.min.js"></script>
</body>

祝你好运

Html

<html ng-app="myApp">
<head>
    <title>MTG Browser</title>
   <link href="index.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="cardsListController">
<div id="cardsList">
    <div ng-repeat="card in cards" class="cardItem">
        Card {{card.id}}
        </div>
</div>
</body>
</html>

Html

打开浏览器的错误控制台。你看到了什么错误？你能提供一个复制你的问题的小提琴吗？例如，运行代码。打开浏览器的错误控制台。你看到了什么错误？你能提供一个复制你的问题的小提琴吗？例如，运行代码。打开浏览器的错误控制台。你看到了什么错误？你能提供一个复制你的问题的小提琴吗？例如，运行代码。打开浏览器的错误控制台。你看到了什么错误？你能提供一个复制你的问题的小提琴吗？例如，运行代码。早期版本的Angular允许像您一样将控制器功能分配给全局作用域。然后这个能力从角度上被移除。然而，仍然有很多教程引用了这种较旧的样式。我已经用angular legacy和您的代码运行替换了它。因此，将来您需要声明一个angular模块并针对它注册控制器。angular的早期版本允许将控制器功能分配给全局范围，就像您所做的那样。然后这个能力从角度上被移除。然而，仍然有很多教程引用了这种较旧的样式。我已经用angular legacy和您的代码运行替换了它。因此，将来您需要声明一个angular模块并针对它注册控制器。angular的早期版本允许将控制器功能分配给全局范围，就像您所做的那样。然后这个能力从角度上被移除。然而，仍然有很多教程引用了这种较旧的样式。我已经用angular legacy和您的代码运行替换了它。因此，将来您需要声明一个angular模块并针对它注册控制器。angular的早期版本允许将控制器功能分配给全局范围，就像您所做的那样。然后这个能力从角度上被移除。然而，仍然有很多教程引用了这种较旧的样式。我已经用angular legacy和您的代码运行替换了它。因此，将来您需要声明一个角度模块，并根据它注册控制器。