Angularjs IBM MobileFirst平台和移动用户界面

我已经用MFPCLI创建了一个MFP项目

创建项目后，我在项目根目录中运行“yomobileangularui”来安装移动用户界面

这搭建了一个带有AngularJS和Gulp的移动AngularUI项目

我正在缩小所有js和css文件，包括MFP javascript文件，并将它们放入带有gulp的MFP公共文件夹中

当我在MFP控制台中查看它时，所有内容都可以正常加载，但在本地主机上看不到

我的问题是，当我点击侧边栏时，侧边栏不起作用。我没有得到任何错误。我记录了一条消息

console.log

，当我单击菜单按钮时，它很好地通过，但它没有打开侧栏

如果我在没有MFP的情况下构建这个项目，一切都很好

不确定发生了什么，因为MFP的所有内容似乎都可以在控制台中正常加载

某些图像：

---

我从未使用过AngularJS Mobile UI工具，但由于将源代码注入index.html的方式，出现了

WL未定义的错误（在注释中讨论）

这是生成的（部分）HTML的外观：

...
...
<script src="worklight/cordova.js"></script>
<script src="worklight/wljq.js"></script>
<script src="worklight/worklight.js"></script>
<script src="worklight/checksum.js"></script>
<script>window.$ = window.jQuery = WLJQ;</script>
<script src="js/app.min.js"></script>

将
填充：0
更改为
填充顶部：25px。但这可能是iOS特有的。。。这意味着您在MFP控制台中预览应用程序时将看不到它，因为那里没有与iOS模拟器/设备不同的状态栏。
angular mobile ui的问题是我手动引导angular for MFP

我在用

    angular.element(document).ready(function(){
        angular.bootstrap(document, ['yoMAUI']);
        location.hash = '/';
    });

当我需要绑定到那个主体而不是像这样的文档时

var body = document.getElementsByClassName("body") ;
    angular.element(document).ready(function(){
        angular.bootstrap(body, ['yoMAUI']);
        location.hash = '/';
    });

这会给MFP带来麻烦吗？控制台似乎运行正常
应该说第一视图的高度不正确“欢迎来到Yomauiy您的第二个链接不是公开的。还有，当我在MFP控制台（而不是本地主机）上查看时，
一切都可以正常加载是什么意思？MFP在
localhost
上运行。这是更新的图像链接。如果我在终端中运行gulp，它将在localhost:8000启动本地主机，当我这样做时，我会得到一个错误“WL未定义”，但是，当我在mobile first控制台中运行它时，我没有收到任何错误，如提供的图像所示，但我仍然存在边栏不工作和主页模板在另一个图像中关闭的问题。在native/iphone index.html中的脚本排序仍然与以前一样，一切正常。注释不适用于扩展讨论；这段对话已经结束。
    angular.element(document).ready(function(){
        angular.bootstrap(document, ['yoMAUI']);
        location.hash = '/';
    });

var body = document.getElementsByClassName("body") ;
    angular.element(document).ready(function(){
        angular.bootstrap(body, ['yoMAUI']);
        location.hash = '/';
    });