javascript - AngularJS 简单 Controller 不起作用

标签 javascript angularjs

我的代码:

<!DOCTYPE html>
<head>
 <title>Learning AngularJS</title>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"     type="text/javascript"></script>
</head>
<body>
  <div class="container" style="background: #eec; min-height:300px; margin-top: 15px;" ng-controller="SimpleController">
    <ul>
      <li ng-repeat="woman in customer">{{ woman.name }}</li>
    </ul>
  </div>

JS( Controller 和数据):

<script>
  function SimpleController($scope) {
    $scope.customer = [
      { name: 'Kamila', city: 'Opava' }, 
      { name: 'Nikola', city: 'Opočno' }, 
      { name: 'Jana', city: 'Pardubice' }, 
      { name: 'Martina', city: 'Hradec Kralove' }, 
      { name: 'Justýna', city: 'Chrudim' }
    ];
  };
</script>
</body>
</html>

我的浏览器结果:仅{{ Woman.name }}

不知道错在哪里。

最佳答案

您没有声明该应用程序。 示例:

<html ng-app="phonecatApp">

查看AngularJS example的详细信息

关于javascript - AngularJS 简单 Controller 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26236000/

相关文章:

javascript - 如何测试使用 setTimeout 调用另一个 Action 的异步 Action 创建者

angularjs - 如何以编程方式/动态更改 View ?

javascript - tumblr 上的慢速查询无限滚动响应?

javascript - 拖拽轮播时如何调用函数?

javascript - AngularJS 日期格式问题

javascript - 从另一个 Controller 更改变量值

javascript - 在 AngularJS 中,任何包含在 HTML 模板中的内联 javascript 代码都不起作用

angularjs - 如何将现有的 Angular 应用程序移植到 Electron ?

javascript - FireFox - 隐藏 DIV 后切换焦点?

javascript - 提交表单请求后关闭弹出窗口