$injector:nomod in JSFiddle

Question

下面链接的JSFiddle控制台中出现了以下错误：

未明错误：$injector:modulerr未能实例化模块myApp，原因是:错误：$injector:nomod模块'myApp‘不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数.。

http://jsfiddle.net/knot22/3q5fk214/30/

下面是HTML：

<div ng-app="myApp">
<div ng-controller="interestRatesController as vm">
  <div>ui-percentage-value test</div>
  <form name="vm.formContainer.form">
    <div>        
      <label>Interest Rate 1</label>
      <input type="text" ng-model="vm.interestRate1">
    </div>
    <div>    
      <label>Interest Rate 2</label>
      <input type="text" ui-percentage-value ng-model="vm.interestRate2">
    </div>
    <div>    
      <label>Interest Rate 3</label>
      <input type="text" ui-percentage-value ui-percentage-mask min="0.00" max="100.0" ng-model="vm.interestRate3">
    </div>
    <div>
      <button ng-click="vm.save()">
        Submit
      </button>
    </div>
  </form>
    <hr>
    <div>
      {{vm}}
    </div>
  </div>
</div>

这是JS：

angular.module('myApp', [])
    .controller("interestRatesController", ['$scope', function ($scope) {
    //var vm = this;

    vm.formContainer = {
        form: {}
    }

    vm.save = function () {
        vm.msg = 'some message';
    }

  }]);

是什么导致了这个错误？

Answer 1

这是通过将"load类型“更改为”无包装-底部“来解决的。

​

​

这个线程Angular nomod error even when the module declared with empty array导致这个解决方案。