gpt4 book ai didi

angularjs - 带有 Angular 的 Phonegap - 指令未显示和奇怪的 View 显示

转载 作者:行者123 更新时间:2023-12-04 17:49:33 25 4
gpt4 key购买 nike

我正在尝试使用 Angular.js 构建 Phonegap 应用程序

我正在尝试:当用户登录时,将向用户显示一个标题。

我在 directive.js 中有指令:

angular.module('myApp')
.directive('ngHeaderline', ['Auth', function(Auth) {
return {
templateUrl: '/views/partials/header.html',

replace: true,
scope: true,
link: function($scope) {
$scope.isAuthenticated = Auth.isLoggedIn;
$scope.logout = Auth.logout();
}
}
}]);

让我们假设所有元素都在那里。验证工厂和模板(当我在 Chrome 浏览器上测试时,一切都显示正常)

然后在我的 index.html我有:
 <body>


<div ng-headerline></div>

<div class="main-content">
<div ng-errorline></div>
<div ng-loadingline></div>
<div ng-view=""></div>
</div>

<!-- Foundation JS dependencies -->

<script src="bower_components/foundation/js/vendor/custom.modernizr.js"></script>
<script src="bower_components/foundation/js/foundation/foundation.js"></script>


<script src="scripts/vendor/cordova.js"></script>

<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/jquery.formatDateTime/jquery.formatDateTime.js"></script>
<script src="bower_components/jquery-ui/ui/jquery-ui.js"></script>

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>

<script src="bower_components/foundation/js/foundation/foundation.js"></script>
<script src="bower_components/foundation/js/foundation/foundation.topbar.js"></script>

<script src="scripts/controllers/main.js"></script>




<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>

</body>

还有我的 header.html部分看起来像这样:
<div class="app">

<div ng-show="isAuthenticated()">
My Header
</div>

</div>

重复一遍,当我在浏览器上进行测试时,一切都正确显示,但是当我使用 Phonegap 编译并部署到 Android 设备时,标题没有显示。

可能是什么问题呢?

最佳答案

我实际上有同样的问题。你的问题在这里:

templateUrl: '/views/partials/header.html',

您需要删除该初始斜杠并使用相对路径。就我而言,我有 '/scripts/directives/templates/bottom-menu.html' 并且我的模板不起作用。我删除了第一个斜杠,它工作得很好。

原因是当它部署到 android 时,这些文件不再位于根目录中,因此第一个斜杠会破坏路径。

关于angularjs - 带有 Angular 的 Phonegap - 指令未显示和奇怪的 View 显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20869882/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com