[英]Javascript iife angularjs example
我有一個簡單的控制器,可以正常工作。
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>
您的iife不正確,您缺少invoking
iife的一部分(立即調用的函數表達式),沒有在invoking
它
(function () {
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"; } ]); })();
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.