angular.js在PhoneGap中不起作用ng-view标签
我尝试将Angle.js与PhoneGap一起使用，它在chrome浏览器上可以正常工作，但是
在ng-view标签上不起作用，并且在模拟器上运行angular模块时不会调用它。你有什么主意吗？
我的代码是这样的。
index.html
<body>
<div class="app" >
<h1>Welcome!</h1>
<div id="deviceready">
<div ng-view></div>
</div>
</div>
<script type="text/javascript" src="cordova-2.0.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
<script src="http:////cdnjs.cloudflare.com/ajax/libs/zepto/1.0rc1/zepto.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"> </script>
<script type="text/javascript" src="js/router.js"></script>
</body>
index.js
var app = {
initialize: function() {
this.bind();
},
bind: function() {
document.addEventListener('deviceready', this.deviceready, false);
},
deviceready: function() {
// note that this is an event handler so the scope is that of the event
// so we need to call app.report(), and not this.report()
app.report('deviceready');
},
report: function(id) {
console.log("report:" + id);
// hide the .pending <p> and show the .complete <p>
document.querySelector('#' + id + ' .pending').className += ' hide';
var completeElem = document.querySelector('#' + id + ' .complete');
completeElem.className = completeElem.className.split('hide').join('');
}
};
router.js
angular.module("app",[]).
config(["$routeProvider",function($routeProvider){
$routeProvider.when("/",{templateUrl:"templates/home.html"});
}]);
问题答案：
尝试使用bootstrap api方法在deviceReady上手动启动应用程序。就像是：
function onDeviceReady() {
...
angular.bootstrap(document, ['ngView']);
...
}
document.addEventListener("deviceready", onDeviceReady, true);
http://docs.angularjs.org/api/angular.bootstrap
-
问题内容： 我在PhoneGap中遇到ngView的问题。 一切似乎都可以正常加载，我什至可以使用ng-controller使基本控制器正常工作。但是，当我尝试在ngView中使用路由时，什么也没发生。 index.html app.js 每次单击链接时，Eclipse记录器都会显示该链接，而在没有链接的情况下尝试该链接会引发一个错误，即找不到该路径。 从我在其他任何地方已经做好的准备，这应该可以
-
问题内容： 在我的应用程序中的多条路线之间导航时，我在angularJS中遇到document.ready问题。它仅在使用ctrl + f5（页面重新加载）时有效；似乎在页面之间导航不会将文档的状态更改为就绪。 控制者 主HTML文件 应用程式档案 问题答案： 您可以在路由定义你的控制器即听和对事件。每次重新加载ngView内容时都会发出，并且应提供与angularjs中路由时类似的功能： 该也触
-
问题内容： 我已经工作了几个小时，以使我的链接可以通过AngularJS应用点击进入不同的视图。 但是，我似乎只能在Plunker上在线使用该功能。 我一直在尝试在本地计算机上测试点击功能，并且ng-view似乎未加载。当我下载我知道正确的Plunker代码时，因为它可以在Plunker上运行，所以ng- view在本地托管后似乎停止工作。 我对ng-include和我定义为自己的HTML标签的指
-
问题内容： 这是显示问题的小提琴。http://jsfiddle.net/Erk4V/1/ 如果我在ng-if内部有一个ng-model，就会出现该模型无法正常工作的情况。 我想知道这是一个错误还是误解了正确的用法。 问题答案： 与其他指令一样，该指令将创建子范围。请参见下面的脚本（或此jsfiddle） 因此，您的复选框将更改子作用域的内部，而不更改外部父作用域。 请注意，如果要修改父作用域中的
-
问题内容： 我正在使用开放式天气地图api网络服务进行ajax调用，以便使用纬度和经度获取当前天气，问题是同一调用在我的常规php文件夹中有效，但在我的phongap应用程序中不起作用。我的ajax调用如下所示 我没有尝试将其更改为，但没有任何效果。请帮助我，因为我目前对此仍然感到困惑。 问题答案： 您是否已将config.xml中的网址列入白名单？ 了解更多：http : //docs.phon
-
问题内容： 我正在将ng-table与动态列一起使用，使用http://bazalt-cms.com/ng- table/example/20中 的创建者示例 它工作得很好，直到我尝试使用transclude包裹指令之前，女巫导致标题消失，如http://plnkr.co/edit/mjYVEf所示。 index.html script.js 有人遇到过同样的问题吗？ 问题答案： 为页眉定义模板，