Question

我有一个简单的控制器，它可以正常工作。

var myApp = angular.module('myApp', []);
myApp.controller('ProductController', ['$scope', function ($scope) {
$scope.Message = "Hello World";
} ]);

但是，如果我想把它放在一个函数中，即

(function () { 
var myApp = angular.module('myApp', []);
myApp.controller('ProductController', ['$scope', function ($scope) {
$scope.Message = "Hello World";
} ]);
});

我收到以下错误错误：ng：areq 不好的论点参数'ProductController'不是函数，未定义

Html就像这样

 <body ng-app="myApp">
<div ng-controller="ProductController">
  {{Message}}
</div>
</body>

Answer 1

你的生活不正确，你遗失了invoking部分生命（立即 - 调用函数表达式），你不是invoking它

(function () { 
var myApp = angular.module('myApp', []);
myApp.controller('ProductController', ['$scope', function ($scope) {
$scope.Message = "Hello World";
} ]);
})();

工作演示：

＆＃13;

(function () { 
var myApp = angular.module('myApp', []);
myApp.controller('ProductController', ['$scope', function ($scope) {
$scope.Message = "Hello World";
} ]);
})();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp">
<div ng-controller="ProductController">
  {{Message}}
</div>
</body>

＆＃13;

Javascript iife angularjs的例子

1 个答案: