Angular.js:如何在模块中创建控制器?

前端之家收集整理的这篇文章主要介绍了Angular.js:如何在模块中创建控制器?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在使用模块时定义一个控制器:
  1. angular.module('todoList',[],function () {
  2.  
  3. }).controller('myCtrl',function ($scope) {
  4. return function ($scope) {
  5. $scope.todos = [
  6. {
  7. text: "Hello"
  8. },{
  9. text: "World"
  10. }
  11. ]
  12. }
  13.  
  14. })

那么我想使用该模块和ccontroller:

  1. <div ng-controller="myCtrl" ng-app="todoList">
  2. <li ng-repeat="todo in todos">
  3. <span>{{todo.text}}</span>
  4. </li>>
  5. </div>

但是它什么也没有,我的代码怎么了?

你的控制器是错误的,没有必要有返回功能.
  1. angular.module('todoList',function ($scope) {
  2.  
  3. $scope.todos = [
  4. {
  5. text: "Hello"
  6. },{
  7. text: "World"
  8. }
  9. ]
  10. })

演示:Plunker

猜你在找的Angularjs相关文章