标签: ionic-framework

在涉及Ionic和Android的cmd中执行任何操作时遇到此错误，例如Ionic build Android或Ionic emulation Android等。该错误是什么意思，它很重要，我该如何解决？

我目前是Angular Ionic Framework的新手.

我有一个屏幕,用户可以看到一个项目列表,在这里他可以点击该项目并在屏幕上查看项目的详细信息.但是,列表中的某些项目中包含多个子项目.点击这些项目后,用户必须被重定向到另一个屏幕,该屏幕将显示项目的子列表

在上图中,黄色的行中有子项,应将用户重定向到屏幕A,另一项应将用户重定向到屏幕B.

问题1.有没有办法添加ng-if ="alarm.status == 1"ng-href ="这里要添加的URL"否则ng-href ="这里要添加的URL"在ion-list中直接或相似的东西？

例如.

<ion-list >    
      <ion-item class="item-icon-right " ng-repeat="alarm in alarmList| filter: alarmName" type="item-text-wrap" ng-if="alarm.status == 1" ng-href=" URL TO BE ADDED HERE " else ng-href=" URL TO BE ADDED HERE " on-swipe-right="swipeRight()" on-swipe-left="acknoledge()" can-swipe="true">


        ....... 

      </ion-item>
    </ion-list>

我是角色JS的漂亮菜鸟,我正面临着问题.instruccion console.log($ routeParams)向我展示了一条路线,但我不知道为什么.我使用离子yeoman发生器创建了我的proyect.

这是在我的视图内(生成像这样的网址http:// localhost:8100 /#/ app/tracking/50)

 <p ng-repeat="item in items">
   <a href="#/app/tracking/{{item .number}}" class="item item-icon-left">
     <i class="icon ion-home"></i>
      {{item .a}} - {{item .b}}
   </a>
 </p>

我在app.js中的路由器配置

.state('app.tracking', {
    url: "/tracking/:idItem",
data: {
    requireLogin: true
  },
views: {
  'menuContent': {
    templateUrl: "templates/tracking.html",
    controller: 'TrackingCtrl'
  }
}
})

这是我的控制器(我尝试以这些方式访问)

.controller('TrackingCtrl', function($scope,$routeParams) {

  console.log($routeParams);
  console.log($routeParams.idItem);
  console.log($routeParams["idItem"]);

})

我在这里定义了ngRoute int app.js

   angular.module('starter', ['ionic','angular-  md5','ngCordova','starter.controllers','ngRoute'])

最后,对凉亭组件的引用就是索引

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

在此先感谢您的时间

我一直试图解决这个问题.我一直致力于离子+解析登录,注册,忘记密码应用程序.据说Ionic是前端而parse.com是数据库.

当从命令行使用Ionic服务时,这些功能完全可以从web broswer中的本地主机工作,但是当我为Android(离子构建android)或模拟(离子模拟android)构建应用程序或在Android设备上测试它时,我得到了一个错误消息范围:

当我尝试登录时; 发生意外错误,请再试一次

当我尝试重置密码时; 发生意外错误,请再试一次

当我尝试注册时,我显示以下错误消息:

XMLHttpRequest失败:{statusText":Not Found","status :: 404","responseURL":https://api.parse.com/1/users","response":""resp onseType":""." responseXML的":空," responseText的":"", "上传":{loadend ":空"的onload ":空," onprogress ":空," onloadstart ":空," onloadend ":空,:onload事件":空"的onerror":空"onabort":NULL} "withCredentials":假"的readyState":4 "超时":0, "ontimeout":NULL, "onprogress":NULL, "onloadstart":空,: onloadend ":空"的onload ":空"的onerror ":空,:onabort":空}

这是我的代码:

注册页面:模板文件夹

<ion-view title="Register">
    <ion-content has-header="true" has-tabs="true" padding="true">
        <div class="list">
            <label class="item item-input">
                <input type="email" ng-model="user.email" placeholder="Email">
            </label>
            <label class="item item-input">
                <input type="password" ng-model="user.password" placeholder="Password">
            </label>
            <label class="item item-input">
            <input type="text" ng-model="user.name" placeholder="First Name">
  </label>
            <label class="item item-input item-stacked-label">
                <span class="input-label">Date of Birth</span>
                <input …

我正在使用离子框架.我需要像这样的滑动标签和侧面菜单

任何的想法 ？如何实现这个uisng离子框架？

我试过离子标签.页脚显示,但没有菜单图标

谢谢

为什么我会收到这样的错误？

Refused to load the script 'http://maps.googleapis.com/maps/api/js?v=3&sensor=false'


because it violates the following Content Security Policy directive: 
"script-src 'self' *.googleapis.com 'unsafe-inline' 'unsafe-eval'".

我的中继标记：

<meta http-equiv="Content-Security-Policy" 
content="default-src *; style-src 'self' *.googleapis.com 'unsafe-inline'; script-src 'self' *.googleapis.com 'unsafe-inline' 'unsafe-eval'">

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

看到这里... 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>

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

谢谢你尽你所能的帮助.

我学习并尝试使用结合侧面菜单的选项卡创建离子应用程序.

这是它的样子(Codepen):

侧边菜单部分没问题.我的主页上还有一个附加链接.这是我的问题:单击链接后,我只能通过后退按钮返回上一页.而我的主页选项卡不起作用.我尝试向我的about页面添加另一个链接,后退按钮或主页选项卡可以返回上一页,即主页.

这是我的.js文件:

angular.module('demo', ['ionic'])

.config(function ($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise('/')

  $stateProvider
    .state('home', {
      url: '/home',
      templateUrl: 'home.html'
    })

    .state('about', {
      url: '/about',
      templateUrl: 'about.html'
    })

    .state('contact', {
      url: '/contact',
      templateUrl: 'contact.html'
    })
})

.controller('MyCtrl', function ($scope, $ionicSideMenuDelegate) {
  $scope.showRightMenu = function () {
    $ionicSideMenuDelegate.toggleRight();
  };
});

我寻找其他类似的问题,并试图将href切换到ui-sref.主页选项卡仍然不起作用.我错过了什么？

这是我的.html:

<body ng-app="demo" ng-controller="MyCtrl">

<ion-side-menus>
  <ion-side-menu-content>
    <ion-nav-bar class="bar-positive nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear">
        <i class="ion-arrow-left-c"></i> Back </ion-nav-back-button>
    </ion-nav-bar>

    <ion-nav-view></ion-nav-view>

    <ion-tabs class="tabs-icon-top tabs-positive">
      <ion-tab title="Home" icon="ion-home" ui-sref="home">
        <ion-nav-view name="home"></ion-nav-view>
      </ion-tab>

      <ion-tab title="About" icon="ion-ios-information" ui-sref="about">
        <ion-nav-view …

向右滑动时,我想进入博客列表的下一页.

我的观点是:

<p on-swipe-right="onSwipeRight()" ng-bind-html="blog.content"> {{blog.content}}</p> 

和控制器功能是:

 $scope.onSwipeRight = function () {
    // Do whatever here to manage swipe left
    //alert('Right swipped');
    .state('lab-components', {url: '/blog/:id'})
  }

但这不起作用.

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

<select ng-model="user.bloodType" ng-options="x as x.description for x in formData.bloodTypes"></select>

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

{
  'id' : 1,
  'description' : 'O+'
}

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