如何使用IIFE在angularjs中定义控制器

How to define controller in angularjs with IIFE

本文关键字：定义 控制器 angularjs 何使用 IIFE      更新时间：2023-09-26

我的应用程序中有以下代码.js在根目录/app.js 

angular.module("ngClassifieds",[])
 .controller("classifiedsCtrl", function($scope) {
   $scope.name = "shekhar";
 });

目前这工作正常，然后我将控制器移动到新目录中components/classifiedCtrl.js

如下所示

以下是我的app.js文件

angular.module("ngClassifieds",[]);

下面是我的控制器内部组件/分类Ctrl.js

(function () {
  "use strict";
   angular.module("ngClassifieds")
     .controller("classifiedsCtrl", function($scope) {
     $scope.name = "shekhar";
   });
}) ();

现在它给了我错误Error: [ng:areq] Argument 'classifiedsCtrl' is not a function, got undefined

我正在使用角度版本1.5.7

以下是我的index.html文件

<!DOCTYPE html>
<html>
  <head>
    <title>ngClassifieds</title>
  </head>
  <body ng-app = "ngClassifieds" ng-controller="classifiedsCtrl">
    <h1>{{name}}</h1>
    <script src="node_modules/angular/angular.js"></script>
    <script src="scripts/app.js"></script>
  </body>
</html>
您需要

在应用程序下方包含控制器文件.js

<script src="scripts/app.js"></script>
<script src="scripts/components/classifiedCtrl.js"></script>
相关文章：