为什么AngularJS数据绑定不起作用

时间:2017-06-05 21:09:05

标签: javascript angularjs

使用一些AngularJS和一个非常简单的例子是行不通的 - 就像Angular没有加载一样。在示例中,我有一个简单的数据绑定测试,我只是使用{{}}打印出一个硬编码字符串。但我得到的只是括号和内部的字符串。

<!DOCTYPE html >
<html lang="en" ng-app>
<head >
    <title >Data Binding</title >
    <meta charset="UTF-8">
    <link href="../libs/bootstrap/dist/css/bootstrap.min.css"
      rel="stylesheet" >
    <link href="main.css"
      rel="stylesheet" >
</head >

<body >

<div class="container" >
    {{ 'dummy text' }}    <<== Uninterpreted Angular
</div >

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

HTML验证,但我不明白为什么它不能正确执行。它可能就是那种“众所周知”类型的东西之一!

1 个答案:

答案 0 :(得分:1)

我刚用CDN替换你的角度参考,它工作正常。这是代码片段。可能是您的包含目录错误的角度或您的角度文件已损坏。

<!DOCTYPE html >
<html lang="en" ng-app>
<head >
    <title >Data Binding</title >
    <meta charset="UTF-8">
    <link href="../libs/bootstrap/dist/css/bootstrap.min.css"
      rel="stylesheet" >
    <link href="main.css"
      rel="stylesheet" >
</head >

<body >

<div class="container" >
    {{ 1+1 }}  
</div >

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