页面中显示的角度代码

Question

I'm in the process of learning angular. 我正在学习角度。 When I execute the code below 当我执行以下代码时

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-guide-concepts-1-production</title>


  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>



</head>
<body >
      <div ng-app ng-init="qty=1;cost=2">
      <b>Invoice:</b>
      <div>
        Quantity: <input type="number" min="0" ng-model="qty">
      </div>
      <div>
        Costs: <input type="number" min="0" ng-model="cost">
      </div>
      <div>
        <b>Total:</b> {{qty * cost | currency}}
      </div>
    </div>
</body>
</html>

The code that renders shows {{qty * cost | 呈现的代码显示{{qty * cost | currency}}. 货币}}。 Is angular not loading into the browser (chrome) ? Angular是否未加载到浏览器（chrome）中？ I've checked the version of angular and it appears to be ok. 我检查了angular的版本，看来还可以。 Thanks. 谢谢。

Answer 1

Most probably you angular js is not loaded properly. 很可能您的angular js未正确加载。

Check this plunker with your code, this works. 用您的代码检查这个插件，这可以工作。

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div ng-app ng-init="qty=1;cost=2">
        <b>Invoice:</b>
        <div>
            Quantity:
            <input type="number" min="0" ng-model="qty">
        </div>
        <div>
            Costs:
            <input type="number" min="0" ng-model="cost">
        </div>
        <div>
            <b>Total:</b> {{qty * cost | currency}}
        </div>
    </div>
</body>

</html>

页面中显示的角度代码

问题描述

1 个解决方案

解决方案1
0 2014-09-09 12:16:25

页面中显示的角度代码

问题描述

1 个解决方案

解决方案1 0 2014-09-09 12:16:25

解决方案1
0 2014-09-09 12:16:25