Javascript 与HTML5配合使用

我正在学习有关angular的教程，我尝试在

html5

和

angular

中创建自己的实验，并在

vs2012

中创建新版本

我尝试测试角度重复，但问题是

HTML5

无法呈现角度重复

当我尝试运行我的页面时，中继器只显示角度语句

{{item.name}:{{{item.quantity}

，而不显示结果。为什么?-“在下面显示代码”

角度脚本：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>

{{item.name}}:{{item.quantity}

请将此指令添加到您的身体标签中： 数据ng app=“zaskarCorp”

---

另外，您的javascript代码中有一些拼写错误。

请将此指令添加到您的body标记中： 数据ng app=“zaskarCorp”

---

另外，您的javascript代码中有一些拼写错误。

您的代码有许多拼写错误和错误：

• 功能而不是

  功能

• 角形而非

  angular

• 不包括jQuery，但您可以调用

  $（function（）{…}）

下面是一个代码正常工作的示例

---

此外，为了便于将来参考，如果您从angular source中删除.min，则会使调试变得更容易。

您的代码有许多拼写错误和错误：

• 功能而不是

  功能

• 角形而非

  angular

• 不包括jQuery，但您可以调用

  $（function（）{…}）

下面是一个代码正常工作的示例

---

另外，为了便于将来参考，如果您从angular source中删除.min，则更容易调试。

如果不使用jQLite，您的代码将如下所示：

var app = angular.module('zaskarCorp', []);

app.controller('kirito', function ($scope) {

$scope.items = [
    {
        "name": "dual sword",
        "quantity": 2
    }, 
    {
        "name": "gun",
        "quantity": 1
    }, 
    {
        "name": "laser sword",
        "quantity": 1
    }];
});

完整代码：

var app=angular.module（'zaskarCorp'，[]）；
应用控制器（'kirito'，功能（$scope）{
$scope.items=[{
“名称”：“双剑”，
“数量”：2
}, {
“姓名”：“枪”，
“数量”：1
}, {
“名称”：“激光剑”，
“数量”：1
}];
});


{{item.name}}:{{item.quantity}

如果不使用jQLite，您的代码将如下所示：

var app = angular.module('zaskarCorp', []);

app.controller('kirito', function ($scope) {

$scope.items = [
    {
        "name": "dual sword",
        "quantity": 2
    }, 
    {
        "name": "gun",
        "quantity": 1
    }, 
    {
        "name": "laser sword",
        "quantity": 1
    }];
});

完整代码：

var app=angular.module（'zaskarCorp'，[]）；
应用控制器（'kirito'，功能（$scope）{
$scope.items=[{
“名称”：“双剑”，
“数量”：2
}, {
“姓名”：“枪”，
“数量”：1
}, {
“名称”：“激光剑”，
“数量”：1
}];
});


{{item.name}}:{{item.quantity}

您已经回答了自己的问题。您已将数据添加到angular指令，因此不再使其成为angular指令。扪心自问，您如何期望angular知道数据ng控制器的含义？没有，因为指令现在没有被处理，所以角度表达式没有被计算。你收到错误了吗？您有

var-app=agular.module…

，您的意思是

var-app=angular.module…

？您还有

$（function（）…

，您是说

（function（））…

？@rism、angular指令名称和

数据-

被接受就是因为这个原因。@rism即使删除

数据-

@NewDev，它仍然是一样的。你是对的。你回答了你自己的问题。你向angular指令添加了数据-，因此不再是angular指令。问问你自己，你怎么做您希望angular知道data ng controller的意思吗？它不知道，而且由于指令现在没有被处理，因此您的angular表达式没有被计算。您是否收到错误？您有

var app=agular.module…

，您的意思是

var app=angular.module…

？您还有

$（Function（）…

，你是说

（函数（）…

？@rism、angular指令名和

数据-

被接受就是因为这个原因。@rism即使删除

数据-

@NewDev，它仍然是一样的。你是对的。它不起作用，很抱歉，在这里输入时没有拼写错误。也许你应该包括jQuery或删除“$（函数…”完全？我删除了它，它就工作了。它不工作，很抱歉，没有拼写错误，我只是在这里输入时遗漏了类型。也许你应该包含jQuery或完全删除“$（函数…”？我删除了它，它就工作了。问题是

$（函数（）{}）中的
$
；

，我认为Angular是jQuery的扩展。问题是

$（function（）{}）中的
$
；

，我认为Angular是jQuery的扩展。