Angular JS控制器初始化错误

Angular JS Controller Initialization Error

本文关键字：错误 初始化 控制器 JS Angular      更新时间：2023-09-26

我刚开始使用Angular.js控制器，在尝试初始化角度控制器时遇到错误Uncaught TypeError: app.controlller is not a function。

看看我的片段。

var app = app;
if (!app) {
  app = angular.module('app', []);
  console.log("created app");
};
app.controlller('languages', ['$scope',
  function($scope) {
    $scope.selected = 'None';
    $scope.js = function() {
      $scope.selected = 'JavaScript';
    };
    $scope.cpp = function() {
      $scope.cpp = 'C++';
    };
  }
]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app='app'>
  <div ng-controller='languages'>
    Select a language:
    <button ng-click='js()'>JavaScript</button>
    <button ng-click='cpp()'>C++</button>
    <p>You have selected {{ selected }}</p>
  </div>
</body>

控制器中存在TYPO错误

app.controlller这应该是app.controller

修复了controlller的拼写错误，并将cpp()函数更改为设置$scope.selected = 'C++'。

var app = app;
if (!app) {
  app = angular.module('app', []);
  console.log("created app");
};
app.controller('languages', ['$scope',
  function($scope) {
    $scope.selected = 'None';
    $scope.js = function() {
      $scope.selected = 'JavaScript';
    };
    $scope.cpp = function() {
      $scope.selected= 'C++';
    };
  }
]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app='app'>
  <div ng-controller='languages'>
    Select a language:
    <button ng-click='js()'>JavaScript</button>
    <button ng-click='cpp()'>C++</button>
    <p>You have selected {{ selected }}</p>
  </div>
</body>

相关文章：