标签: ionic
隐藏在离子,angularjs中的按钮
我需要在不同的页面/视图中显示和隐藏后退按钮.我从Justin Noel那里得到了参考:
<body ng-app="starter" ng-controller="AppCtrl">
<ion-nav-bar class="bar-stable">
<ion-nav-back-button hide-back-button="{{hideBackButton}}">
</ion-nav-back-button>
</ion-nav-bar>
</body>
App控制器切换按钮显示:
.controller('AppCtrl', function($scope, $location) {
var path = $location.path();
if (path.indexOf('submit') != -1)
$scope.hideBackButton = true;
else
$scope.hideBackButton = false;
})
但这不起作用,因为控制器只被调用一次,而不是在不同状态下的视图变化.同时从其他控制器(链接到不同状态)更改$ scope.hideBackButton的值对按钮显示没有任何影响.
任何人都可以告诉我如何在每个导航上切换后退按钮显示.我在这里错过了什么？
推荐指数
解决办法
查看次数
在页面加载时调用离子无限滚动函数
我正在使用离子框架来创建一个基本的Feed应用程序.我得到了复习,但我的离子无限滚动有问题.
Feed.html
<ion-content ng-controller="FeedController" >
<ion-refresher pulling-text="Pull to refresh.." on-refresh="get_feeds()" refreshing-text="Fetching ..." refreshing-icon="ion-loading-b">
</ion-refresher>
<ion-list>
<ion-item ng-repeat="question in questions">
<div class="item item-divider">
{{question.question}}
</div>
<div class="item" ng-bind-html="question.answer | trustHtml">
</div>
</ion-item>
</ion-list>
<ion-infinite-scroll
on-infinite="get_more()"
distance="1%">
</ion-infinite-scroll>
</ion-content>
Feed.js
(function(){
"use strict";
angular.module( 'app.controllers' ).controller( 'FeedController',
[ 'eTobb', 'Users', '$scope', '$timeout', function( eTobb, Users, $scope, $timeout) {
var pageIndex = 1;
$scope.questions = [];
$scope.get_feeds = function(pageIndex){
eTobb.get($scope.apiCall, { user_id: Users.id, page: 0 }, function(response) {
if ( response ){
$scope.questions …推荐指数
解决办法
查看次数
在cordova添加平台android和iOs之后,并不总是添加插件
我需要运行ionic platform add android/iOs几次才能获得所需的结果.有时插件是在第一次运行后添加的,但通常我必须清除插件和平台目录并重新运行添加平台循环几次,直到所有插件都添加到android文件夹中.
是否有其他人遇到过同样的问题,如果是的话 - 解决方案是什么？如果有...
提前致谢
推荐指数
解决办法
查看次数
使用npm install -g软件包时,为什么会出现意外的标记'\ u0000'
这可能是Windows特定的问题,但在搜索此问题时我没有找到任何信息.我一直在使用依赖Cordova(或Phonegap)的离子框架.但是,问题不是特定于任何这些包.我经常看到这个错误.所以,错误是当我运行如下命令时:
npm install -g cordova
但是,我可以替换其他各种包并得到相同的错误.我将粘贴错误消息下方的片段(非常简短).奇怪的是,我之前在该目录中有一个离子项目.然后今天它告诉我无法找到离子.我的预感是,这与我在这里描述的主要问题不同.
我安装了git bash所以我确实有一个类似linux的环境,我可以试试.我会选择Git Bash作为带有各种bash命令的bash窗口.如果有更简单的方法为Windows用户解决此问题,请告诉我们.我已经看过Pluralsight上的课程,教师们似乎很高兴地使用npm而没有任何问题.此外,当我使用自耕农时,我在某些时候,在许多情况下,也会得到同样的错误.
错误是
npm ERR! Failed to parse json
npm Unexpected token '\u0000' at 1:1
npm ERR!
npm ERR! ^
npm ERR! File: c:\Users\Bruce\AppData\Roaming\npm-cache\amdefine\1.0.0\package\package.json
npm ERR! Failed to parse package.json data.
npm ERR! package.json must be actual JSON, not just JavaScript.
npm ERR!
npm ERR! This is not a bug in npm
npm ERR! Tell the package author to fix their package.json file. JSON.parse.
提前感谢任何帮助/建议,布鲁斯
推荐指数
解决办法
查看次数
我如何使用lodash与Ionic 2？
我刚刚开始使用Ionic 2开发一个新项目.我是TypeScript的新手,并且一直试图弄清楚如何将lodash包含到我的项目中.
那里有没有人做过这件事,能指出我正确的方向吗？
推荐指数
解决办法
查看次数
使用Android Hybid应用程序来显示Ionic框架的远程图像问题？
我是Ionic的新手.我正在使用Ionic Framework(1.3.20),Angular JS,Cordova 5.0.0
模板文件 browse.html代码:
<div class="col-50"><img ng-src="{{availableImages[currentImage].src}}" /></div>
app.js代码:
.state('app.browse', {
url: "/browse",
views: {
'menuContent': {
templateUrl: "templates/browse.html",
controller: 'Ctrl'
}
}
})
controller.js代码
.controller('Ctrl',function($scope) {
$scope.currentImage = 0;
$scope.availableImages = [
{
src: "http://lorempixel.com/160/160/people/3"
}
];
console.log("reading image in controller !!!");
})
标题详细信息:
Request URL:http://lorempixel.com/160/160/people/3
Request Method:GET
Status Code:404 Not Found (from cache)
Response Headers
Client-Via:shouldInterceptRequest
Request Headers
Provisional headers are shown
Accept:image/webp,*/*;q=0.8
User-Agent:Mozilla/5.0 (Linux; Android 5.0.2; XT1033 Build/LXB22.46-28; wv) AppleWebKit/537.36 (KHTML, like …推荐指数
解决办法
查看次数
改变CSS中离子离子项的背景颜色
我添加了以下代码style="background-color: #C2A5A5 !important.但这对我没有用.如何为离子项添加背景颜色？提前感谢.
<ion-item class="item-remove-animate item-avatar item-icon-right" style="background-color: #C2A5A5 !important" ng-repeat="detail in details" type="item-text-wrap" ng-controller="ChatsCtrl" ng-click="openShareModel(detail)">
<img ng-src="{{profilepic.profileimageurl}}">
<h2>{{detail.date | date :'fullDate'}}</h2>
<h2>{{detail.title}}</h2>
<p>{{detail.description}}</p>
<i class="icon ion-chevron-right icon-accessory"></i>
<ion-option-button class="button-assertive" ng-controller="ChatsCtrl" ng-click="remove(detail.id)">
Delete
</ion-option-button>
</ion-item>
推荐指数
解决办法
查看次数
在Android SDK中缺少Gradle(使用cordova + ionic)
是的,我搜索了这个但没什么,只是关于ANDROID_HOME路径的事情,但在我的情况下,我不认为这是真正的问题.当我尝试这样做时,ionic build android我得到这个错误:
错误:无法在android sdk中找到gradle包装器.可能需要更新您的Android SDK.看这里:C:\ Android\sdk\tools\templates\gradle\wrapper
,发现C:\Android\sdk\tools我没有"模板"文件夹,只是这样的:
我只在这条路上看到gradle包装器 C:\Android\sdk\temp\ToolPackage.old01\templates\gradle\wrapper
为什么我的sdk文件夹中没有Gradle？我错过了什么？在SDK管理器中我安装了这个:
提前致谢
推荐指数
解决办法
查看次数
无法启动'./qemu/windows-x86_64/qemu-system-i386.exe':没有此类文件或目录
我跟着这个链接一切
http://ionicframework.com/docs/guide/installation.html
和我装Genymotion的Android Studio......但我下面......所示的错误挣扎每当我运行ionic run android或ionic emulate android:
Running command: "C:\Program Files\nodejs\node.exe"
C:\Users\t\todo\hooks\after_prepare\010_add_platform_class.js
C:/Users/t/todo
add to body class: platform-android
Running command: cmd "/s /c "C:\Users\t\todo\platforms\android\cordova\run.bat""
ANDROID_HOME=C:\Users\t\AppData\Local\Android\sdk
JAVA_HOME=C:\Program Files\Java\jdk1.7.0_79\
WARNING : No target specified, deploying to emulator
WARNING : no emulator specified, defaulting to Nexus_5_API_23_x86
Waiting for emulator...
Could not launch './qemu/windows-x86_64/qemu-system-i386.exe': No such file or directory
我真的没有得到如何纠正这一部分...任何建议或帮助将非常感激......
推荐指数
解决办法
查看次数
如何在离子应用中检测多指触摸
推荐指数
解决办法
查看次数