javascript - Angularjs 和 Intel XDK 不能很好地混合

Question

我一直在尝试使用 Angularjs 和 Intel XDK 构建一个应用程序，但似乎 XDK 从 html 中删除了一些标签，因此 Angularjs 将无法工作。

这是代码：

<script src='intelxdk.js'></script>
<script src='vendors/angular.js'></script>
<script type="text/javascript">
    var onDeviceReady=function(){
        intel.xdk.device.hideSplashScreen();
        var bApp = angular.module('bApp', []);
        bApp.controller('MenuCtrl', function ($scope) {
           $scope.test = 'Hello world!'; 
        });

    };
    document.addEventListener("intel.xdk.device.ready",onDeviceReady,false);
</script>

<div ng-app="bApp">
    <div id="MenuCtrl" ng-controller="MenuCtrl">
        {{test}}
    </div>

</div>

这是控制台中的错误消息：

Uncaught Error: [$injector:modulerr] Failed to instantiate module bApp 
due to: Error: [$injector:nomod] Module 'bApp' 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.

有任何想法吗？谢谢

Answer 1

这似乎是一个范围问题！

将 bApp 相关代码从 onDeviceReady 函数中移出解决了这个问题。