我正在嘗試使用可以添加選擇元素的按鈕構建一個視圖（目前）。
因此，“FilterController.js”可以將元素添加到它的（這里稱為過濾器）陣列中。
```(function () {
"use strict";
angular.module('app').controller('FilterController', FilterController);
function FilterController() {
let ctrl = this;
ctrl.filters = [];
ctrl.addFilter = function () {
ctrl.filters.push('filter' ctrl.filters.length);
}
}
}
)```
在blade.view 中，控制器串列中的每個專案都應該回圈顯示。
<div class="filter row" ng-controller="FilterController as ctrl">
<div class="col-lg-4">
<div class="panel panel-default">
<div class="panel-heading">[['filter.filter' | translate]]</div>
<div class="panel-body">
<form ng-repeat="item in ctrl.filters" class="form-horizontal">
<div>
<select class="select_[[item]]" ></select>
</div>
</form>
<button type="button" class="btn btn-default" ng-click="ctrl.addFilter()">
<span class="glyphicon glyphicon-plus"></span>
<label for="button-label">[['filter.addFilter' | translate ]]</label>
</button>
</div>
</div>
</div>
這會導致在構建 app.js 檔案時出現問題。所有的js都不能在瀏覽器中作業。
瀏覽器控制臺中也存在此錯誤：
Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
[$injector:modulerr] Failed to instantiate module directives.select2 due to:
[$injector:nomod] Module 'directives.select2' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.5.11/$injector/nomod?p0=directives.select2
minErr/<@http://{{mylocalinstance}}/build/js/app-32003bf5e4.js:13328:12
setupModuleLoader/</module/<@http://{{mylocalinstance}}/build/js/app-32003bf5e4.js:15393:17
ensure@http://{{mylocalinstance}}/build/js/app-32003bf5e4.js:15317:38
module@http://{{mylocalinstance}}/build/js/app-32003bf5e4.js:15391:14
createInjector/loadModules/<@http:{{mylocalinstance}}/build/js/app-32003bf5e4.js:17929:22
forEach@http://{{mylocalinstance}}/build/js/app-32003bf5e4.js:13585:20
loadModules@http://{{mylocalinstance}}…
錯誤指出了模塊的注冊，但我沒有找到一些可以幫助我的答案。（AngularJS，加載模塊）
提前致謝。它也可能是非常基本的東西。我對angularJs很陌生。:)
編輯：這個錯誤也出現了 -
Uncaught TypeError: (intermediate value)(...) is not a function
<anonymous> HostController.js:68
主機控制器.js:68 主機控制器.js:68
uj5u.com熱心網友回復：
我們修好了！
(function () {
"use strict";
angular.module('app').controller('FilterController', FilterController);
function FilterController() {
let ctrl = this;
ctrl.filters = [];
ctrl.addFilter = function () {
ctrl.filters.push('filter' ctrl.filters.length);
}
}
})();
最后();缺少自呼叫上面的函式（witch 也放在括號中）。
https://developer.mozilla.org/en-US/docs/Glossary/IIFE
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/523393.html