phonegap angularjs材料设计不适用于android [英] phonegap angularjs material design not working with android
问题描述
我创建了带有角度和材料设计的示例应用程序
的材料设计我按照链接
https://material.angularjs.org/#/getting-started
我的html文件看起来像
I am created sample app with angularjs and material design
for material design i followed the link is
https://material.angularjs.org/#/getting-started
my html file looks like
<!DOCTYPE HTML>
<html>
<head>
<link href="Style/angular-material.css" rel="stylesheet" />
<link href="Style/mystyle.css" rel="stylesheet" />
</head>
<body ng-app="fileexpo">
<!--Controller for Button-->
<div ng-controller="directory" ng-init="initialize();">
<md-toolbar layout="row">
<h7>Files</h7>
</md-toolbar>
<md-content style="height: 600px;">
<md-list>
<md-item ng-repeat="item in files">
<md-item-content>
<div class="md-tile-left">
<img ng-src="{{item.fileimg}}" class="face">
</div>
<div class="md-tile-content">
<h3 ng-click="getname($event, item.listname)">{{item.listname}}</h3>
</div>
</md-item-content>
<md-divider inset></md-divider>
</md-item>
</md-list>
</md-content>
</div>
<!--end of Controller for Button-->
<!-- Angular Library Dependencies -->
<script src="Lib/angular.js"></script>
<script src="Lib/angular-animate.js"></script>
<script src="Lib/angular-aria.js"></script>
<script src="Lib/angular-material.js"></script>
<script src="cordova.js"></script>
<script src="app.js"></script>
<script src="AppScripts/Controlers/directory.js"></script>
app.js
app.js
var filexp = angular.module('fileexpo', ['ngMaterial'])
控制器文件将具有代码
directory.js
controller file will have the code
directory.js
filexp.controller('directory', function ($scope) {
$scope.initialize = function () {
$scope.onDeviceReady();
};
$scope.onDeviceReady = function () {
$scope.getFileSystem();
};
$scope.getFileSystem = function () {
$scope.entries = [];
$scope.dirArr = [];
$scope.fileArr = [];
$scope.temp = [];
$scope.files = [];
dirArr = [{ "day": "10", "title": "file1" }, { "day": "10", "title": "file2" }];
fileArr = [{ "day": "10", "title": "file3" }, { "day": "10", "title": "file4" }];
var filelist = dirArr.concat(fileArr);
for (var i = 0; i < filelist.length; ++i) {
var entry = filelist[i];
// alert(entry.day);
$scope.files.push({
fileimg: 'img/folder.png',
listname: entry.title,
});
};
};
});</pre>
该应用程序在localhost中运行良好
但是当我使用命令链接或phonegap创建app（apk）时，材料设计部分工作（不能正常工作）
示例按钮显示但标题和列表没有显示
但角度js功能运作良好
友好回复ASSP
The app run in localhost well
But when I created as app (apk) using command link or phonegap build the material design partially working (not working well)
example button displaying but header and list not showing
but the angular js functionalities working well
kindly reply ASSP
推荐答案
event，item.listname） > {{item.listname} } < / h3 >
< / div >
< / md-item-content >
< md-divider inset > < / md-divider >
< / md-item >
< / md-list >
< / md-content >
< / div >
<！ - 按钮控制器的结尾 - >
<！ - 角度库依赖性 - >
< script src = Lib / angular.js > < / script >
< script src = Lib / angular-animate.js > < / script >
< script < span class =code-attribute> src = Lib / angular-aria.js > < / script >
< script src = Lib / angular-material.js > < / script >
< script src = cordova.js > < / script >
< script src = app.js > < / script >
< script src = AppScripts / Controlers / directory.js > < / script >
event, item.listname)">{{item.listname}}</h3> </div> </md-item-content> <md-divider inset></md-divider> </md-item> </md-list> </md-content> </div> <!--end of Controller for Button--> <!-- Angular Library Dependencies --> <script src="Lib/angular.js"></script> <script src="Lib/angular-animate.js"></script> <script src="Lib/angular-aria.js"></script> <script src="Lib/angular-material.js"></script> <script src="cordova.js"></script> <script src="app.js"></script> <script src="AppScripts/Controlers/directory.js"></script>
app.js
app.js
var filexp = angular.module('fileexpo', ['ngMaterial'])
控制器文件将有代码
directory.js
controller file will have the code
directory.js
filexp.controller('directory', function (
范围）{
scope.initialize = function （ ）{
scope.initialize = function () {
这篇关于phonegap angularjs材料设计不适用于android的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
