簡體   English   中英

Javascript Iife angularjs示例

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM