Question

我是AngularJS的新手，2天前开始，但我无法解决这个问题。

似乎我的指令ng-controller找不到我的控制器。

这是我的代码：

<section class="index" ng-app="indexApp" ng-controller="cRegister">
  <form>
    <input type="text" ng-model="username" />
    <input type="password" ng-model="password" />
    <input type="submit" ng-click="" />
  </form>

  <script>
    var app = angular.module('indexApp', [])
    app.controller('cRegister', ['$scope', function() {
      console.log('controller: true');
    }]);
  </script>
</section>

（这是主页的一部分，我用ng-view显示）：

<html ng-app="web">

<head>
  <title>AngularJS, tries</title>
  <meta charset="utf-8">
</head>

<body>
  <div ng-view></div>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script>
  <script src="https://code.angularjs.org/1.6.2/angular-route.min.js"></script>
  <script>
    var app = angular.module('web', ['ngRoute']);
    app.config(function($routeProvider) {
      $routeProvider
        .when('/', {
          templateUrl: 'partials/index.php'
        })
        .otherwise({
          redirectTo: '/'
        })
    });
  </script>
</body>

</html>

希望有人能帮助我，谢谢！：d

Answer 1

你不能在一个html中有两个ng-app指令。删除内部控制器并将该控制器添加到第一个ng-app

AngularJS - 无法找到我的ng-controller的名称

1 个答案: