标签: ionic

Ionic构建iOS SDK 8.4

我已将cordova更新到最新版本.现在,当我运行时ionic build ios,创建的项目的基本sdk为9.0,其中我的手机为8.4.我怎样才能控制离子构建项目的目标?如果不是如何在Xcode中更改基本sdk.

谢谢!

ios cordova ionic

1
推荐指数
1
解决办法
1609
查看次数

带按钮栏的离子滑动框

我有一个带有4个幻灯片的离子滑动盒.您可以通过单击屏幕底部的按钮在幻灯片之间切换.当相应的幻灯片处于活动状态时,如何将类"活动"(使用AngularJS)添加到按钮?

例如,如果第二张幻灯片处于活动状态,我希望第二个按钮让课程"有效".当您移动到第三张幻灯片时(通过单击第三个按钮或滑动屏幕),类"活动"将从第二个按钮中删除并添加到第三个按钮.

这是我的代码:

menu.html

<ion-view view-title="Menu">

    <ion-content class="padding">

        <ion-slide-box on-slide-changed="activateTabs($index)">

            <ion-slide>
                <h1> Slide 1 </h1>
            </ion-slide>

            <ion-slide>
                <h1> Slide 2 </h1>
            </ion-slide>

            <ion-slide>
                <h1> Slide 3 </h1>
            </ion-slide>

            <ion-slide>
                <h1> Slide 4 </h1>
            </ion-slide>

        </ion-slide-box>

    </ion-content>

    <div class="button-bar">
        <a class="button button-stable" ng-click="slide(0)">1</a>
        <a class="button button-stable" ng-click="slide(1)">2</a>
        <a class="button button-stable" ng-click="slide(2)">3</a>
        <a class="button button-stable" ng-click="slide(3)">4</a>
    </div>

</ion-view>
Run Code Online (Sandbox Code Playgroud)

MenuCtrl.js

myApp

.controller('MenuCtrl', function($scope, $stateParams, $ionicSlideBoxDelegate){

    $scope.slide = function(to) {
        $scope.current = to;
        $ionicSlideBoxDelegate.slide(to);
    }

});
Run Code Online (Sandbox Code Playgroud)

slideshow slide angularjs ionic-framework ionic

1
推荐指数
1
解决办法
5059
查看次数

更改默认导航栏的颜色而不会丢失导航控件

<ion-view view-title="Title">
  <ion-content>
  Content Here
  </ion-content>
</ion-view>
Run Code Online (Sandbox Code Playgroud)

上面的代码为我提供了离子的默认视图,我需要更改标题的颜色,保留默认的导航控制器(如菜单/后退图标),而不是如下所示定义新的标题栏.

<ion-view view-title="Title">
  <ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>

<ion-content>
 Content Here
</ion-content>
</ion-view>
Run Code Online (Sandbox Code Playgroud)

是否有一种解决问题的干净方法?

ionic-framework ionic ionic-view

1
推荐指数
1
解决办法
1万
查看次数

Ionic - 缺少推送通知权利

我有两个 Ionic 应用程序。我有一个我不久前提交的就好了。现在,当我在另一个应用程序上提交构建时,我不断收到此错误。

Missing Push Notification Entitlement - Your app appears to include API
used to register with the Apple Push Notification service, but the app 
signature's entitlements do not include the "aps-environment" 
entitlement. If your app uses the Apple Push Notification service, make 
sure your App ID is enabled for Push Notification in the Provisioning 
Portal, and resubmit after signing your app with a Distribution 
provisioning profile that includes the "aps-environment" entitlement. 
See "Provisioning and Development" in the Local …
Run Code Online (Sandbox Code Playgroud)

ios cordova ionic-framework ionic app-store-connect

1
推荐指数
1
解决办法
2434
查看次数

科尔多瓦:找不到模数体解析器

我在我的根控制台上运行了这个命令

npm install --save 
Run Code Online (Sandbox Code Playgroud)

在我的文件夹的根目录这是我的ionic-gcm.js的一个片段

var app = express();


var bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());


var server = app.listen(3000, function(){

  var host = server.address().address
  var port = server.address().port

  console.log('Example app listening at http://%s:%s', host, port)

});
Run Code Online (Sandbox Code Playgroud)

当我运行此命令时,node ionic-gcm.js我不断收到此错误错误:无法找到模块正文解析器

===============================的package.json ================ ======

{
  "name": "ionic-gcm",
  "version": "1.0.0",
  "description": "ionic-gcm: An Ionic project",
  "dependencies": {
    "express": "^4.13.3",
    "gulp": "^3.5.6",
    "gulp-concat": "^2.2.0",
    "gulp-minify-css": "^0.3.0",
    "gulp-rename": "^1.2.0",
    "gulp-sass": "^1.3.3",
    "node-gcm": "^0.11.0",
    "server": "0.0.3"
  },
  "devDependencies": {
    "bower": "^1.3.3",
    "gulp-util": "^2.2.14",
    "shelljs": "^0.3.0"
  },
  "cordovaPlugins": …
Run Code Online (Sandbox Code Playgroud)

node.js cordova ionic

1
推荐指数
1
解决办法
2529
查看次数

在加载实际图像之前设置默认图像

在我的应用程序中,加载了几个图像,但是当打开视图时,您可以清楚地看到每个图像被加载,我的意思是图像的上半部分出现并且它一直在增加,直到显示完整图像.我不想要这个.

我的图像在里面ng-repeat,我想要做的是当页面加载时,所有图像都被设置为与应用程序捆绑在一起的默认图像.现在,在我的函数返回所有新图像URL并且这些图像已经完全加载之后,它们应该替换默认图像.

所以基本上是这样的:

  1. 打开视图
  2. 将所有图像设置为 default.jpg
  3. 获取数据.
  4. 等待新图像完全加载.
  5. 使用从服务器获取的新图像URL替换默认图像.

我以前从未这样做过,也不知道如何去做.

image angularjs ionic

1
推荐指数
1
解决办法
1445
查看次数

04-28 16:06:29.756:W/SystemWebViewClient(16778):白名单阻止的URL:

当我更新离子和cordova时出现此问题,$ http无法正常工作,总是返回null.在调试行apeared"04-28 16:06:29.756:W/SystemWebViewClient(16778):白名单阻止的URL:"

blocked whitelist cordova ionic

0
推荐指数
2
解决办法
4305
查看次数

离子框架:左右侧边框在导航时消失

我正在尝试创建一个具有左右侧面菜单的离子应用程序,但我发现当我尝试导航时,侧面菜单图标(以及向左或向右滑动以打开它们的能力)正在消失.我显然做错了什么,但我看不出它是什么.

看到这里... http://plnkr.co/NpqmVT ...用于说明问题的plunker.要复制该错误,只需单击"单击以查看详细信息"按钮.

我的主要用户界面(我猜这是我做错了什么)看起来像这样......

            <ion-side-menu-content>
                    <ion-nav-bar class="bar-positive">

                            <ion-nav-buttons side="left">
                                    <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
                                    </button>
                            </ion-nav-buttons>

                            <ion-nav-buttons side="right">
                                    <button class="button button-icon button-clear ion-navicon" menu-toggle="right">
                                    </button>

                            </ion-nav-buttons>
                    </ion-nav-bar>

                    <ion-nav-view name="centre-panel"></ion-nav-view>

            </ion-side-menu-content> 

            <ion-side-menu side="left">
                    <ion-header-bar class="bar-dark">
                            <h1 class="title">Main Menu</h1>
                    </ion-header-bar>
                    <ion-content>
                            <ion-list>
                                    <ion-item ui-sref="ui.page1" nav-clear menu-close >Page 1</ion-item>
                                    <ion-item ui-sref="ui.page2" nav-clear menu-close >Page 2</ion-item>
                            </ion-list>
                    </ion-content>
            </ion-side-menu>

            <ion-side-menu side="right">
                    <ion-header-bar class="bar-dark">
                            <h1 class="title">Right Menu</h1>
                    </ion-header-bar>
                    <ion-nav-view name="right-panel"></ion-nav-view>
            </ion-side-menu>

    </ion-side-menus>
Run Code Online (Sandbox Code Playgroud)

所有路线等都可以在plunkr中找到(http://plnkr.co/NpqmVT)

谢谢你尽你所能的帮助.

navigation menu ionic-framework ionic

0
推荐指数
1
解决办法
2163
查看次数

在视觉工作室中使用离子

我目前正在开发使用离子的移动应用程序.但我想知道它可能使用visual studio community 2015开发离子应用程序.我曾尝试在视觉工作室中使用离子在VS中进行编码,但它看起来像是用于js脚本离子无法识别常规的网络应用程序.我不喜欢Telerik和Kendo UI,因为该应用程序的行为方式很粘.我正在尝试开发一个行为和看起来尽可能本地的跨平台应用程序.请指导我如何这个怎么样?

ionic

0
推荐指数
1
解决办法
130
查看次数

设置所选项目选择选项

在我的离子项目中我有<select>这样的:

<select ng-model="user.bloodType" ng-options="x as x.description for x in formData.bloodTypes"></select>
Run Code Online (Sandbox Code Playgroud)

所以澄清,user.bloodType是一个看起来像这样的对象:

{
  'id' : 1,
  'description' : 'O+'
}
Run Code Online (Sandbox Code Playgroud)

formData.bloodTypes包含上面描述的bloodType对象的数组.所以这就出现了问题 - 我知道这user.bloodType绝对是其中的一个对象formData.bloodTypes.如何设置<select>要预先选择的是什么user.bloodType

angularjs ionic-framework ionic

0
推荐指数
1
解决办法
7992
查看次数