javascript - Angular select with ngModel 给我 [$rootScope :inprog] error

Question

我对 Angular 不是很好，但我知道一些基础知识。现在，我有接入点并想将它们分配给建筑物。我可以用 <select> 选择这座建筑.我写了一个简单的 Controller ，但它不会工作。我做错了什么，我找不到解决方案。

编辑 1:我可以看到选项字段(它们是 3)。但是在我选择其中之一之后，我的浏览器控制台抛出异常

编辑 2: Plunkr -> https://plnkr.co/edit/EIPs8yVlTSaYQ0EuZLTb (我希望，这个 url 有效).. 当你点击“Neuer Access-Point”时，错误会发生，在你选择“Gebäude”上的东西之后

选择字段

<select ng-model="$ctrl.input.building">
    <option ng-repeat="building in $ctrl.buildings" ng-value="building.id" ng-bind="building.name"></option>
</select>

Controller

(function () {

    function createController(Building) {
        var ctrl = this;

        ctrl.buildings = null;

        ctrl.input = {
            host: '',
            desc: '',
            web: '',
            building: ''
        };

        ctrl.$onInit = function () {
            Building.getAll().then(function (res) {
                if (res.status >= 200 && res.status < 300) {
                    ctrl.buildings = res.data;
                }
            });
        };
    }

    angular.module('app').controller('CreateController', createController)

})();

错误

angular.js:14791 Error: [$rootScope:inprog] http://errors.angularjs.org/1.6.8/$rootScope/inprog?p0=%24apply
    at angular.js:88
at p (angular.js:18897)
at m.$digest (angular.js:18319)
at m.$apply (angular.js:18640)
at Object.$$debounceViewValueCommit (angular.js:29394)
at Object.$setViewValue (angular.js:29372)
at angular.js:33596
at m.$eval (angular.js:18533)
at m.$apply (angular.js:18632)
at HTMLSelectElement.<anonymous> (angular.js:33595)

Answer 1

这是您的代码的问题。

<div id="wrapper" ng-app="accessPoints" ng-controller="RootController **as $root**">

改成简单

ng-controller="RootController as anythingButNot$root"

甚至只是 ng-controller="RootController"

将任何 Controller 声明为 $root 会给您带来麻烦。 $root 是您应用程序的根级 Controller 。在您的 html 中，如果您将任何 controller 声明为 $root，它会尝试覆盖 $root，从而导致摘要循环出现问题，因此您会得到错误。

链接到更新的 plunk => https://plnkr.co/edit/UcJHVmekMqWMXJBnv2Cu?p=preview