Angularjs和Intel XDK混合不好

时间:2014-02-13 19:54:40

标签: javascript angularjs javascript-framework intel-xdk

我一直在尝试用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.

有什么想法吗?感谢

1 个答案:

答案 0 :(得分:3)

这似乎是一个范围问题!

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