javascript - Angular JS 不渲染 HTML

标签 javascript html angularjs

我是 Angular JS 新手。我编写了一个简单的 Angular 代码,但 HTML 未正确呈现或未评估表达式。请帮助我缺少什么。我正在使用 angular.min.js minified(1.6)。

<!DOCTYPE html>
<html ng-app>
    <head>
        <script src="js/angular.min.js"></script>
        <script>
            function MyFirstCtrl($scope) {
            var employees = ['Catherine Grant', 'Monica Grant',
               'Christopher Grant', 'Jennifer Grant'];

            $scope.ourEmployees = employees;
            };
        </script> 
    </head>
    <body ng-controller='MyFirstCtrl'>
        <h2>Number of Employees: {{ ourEmployees.length}}</h2>      
    </body>
</html>

最佳答案

使用 ng-app 指令为您的应用程序设置根目录,并为您的应用程序创建一个 Controller ,您可以从中处理 $scope:

var app = angular.module("ng-app", []);
app.controller("myCtrl", function($scope) {
  var employees = ['Catherine Grant', 'Monica Grant', 'Christopher Grant', 'Jennifer Grant'];
  $scope.ourEmployees = employees;

});
<!DOCTYPE html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="ng-app">
<div ng-controller="myCtrl">
  <h2>Number of Employees: {{ ourEmployees.length}}</h2>
  </div>
</div>

关于javascript - Angular JS 不渲染 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40783502/

相关文章:

javascript - 突出显示 TextArea 中的特定文本

javascript - 如何从触发点击事件的地方获取元素父项的索引

javascript - Google map 信息窗口内容在重新加载时消失。可能是什么原因造成的?

javascript - 未捕获的 InvalidValueError : initAutocomplete is not a function

javascript - AngularJS + jQuery 移动版

javascript - 在扩展脚本中设置编辑文本的焦点

html - 选择具有来自 div 的额外顶部填充

html - 单引号在 Doctype 中有效吗?

html - 带有 Bootstrap 的 :hover does not work,

angularjs - 如何更改 ng-tags-input 分隔符? (默认 : dash)