标签: ionic

我正在开发一个应用程序,其中每个页面都有标题.在标题的左下角,应该有左侧菜单.这个应用程序包含大约20-30页,并将其从jqm移动到离子.

我有多个例子,但在同一位置有标题和导航栏.请帮我解决这个问题.

提前致谢.

我有一个表格视图，当我单击一个单元格时会调用我的PixCtrl控制器。如果我检查连接工作，我将通过 获取数据$http.get，否则我将使用 sqlite。这是工作。我想要我的ion-nav-buttons是动态的。但是当我第一次点击时，这是行不通的。我必须再做一次，这将显示出来。我不知道如何解决它。我曾使用控制台观看它，每次都是正确的，我如何在第一次点击时修复它。

谢谢你的帮助。

控制器

.controller('PixCtrl', function($scope, $sce, $stateParams, SQLService, $http....) {
    ...

    if ( ! $rootScope.noConnection) {
      $http.get('http://pixnettest-lighter.c9.io/content.php?id=' + $stateParams.pixnetId)
      .success(function(data, status, headers, config) {
        var pix_data = {
          ...
          html_comment_count: datas[0].comment_count,
          ...
        };
        $scope.pix_content = pix_data;
      });

    }
    else  {
      // get by sqlite data

      var pixnet_data = {
        ...
        html_comment_count: content.comment_count,
        ...
      };

      $scope.pix_content = pix_data;
    }

    ...

    $scope.checkMComBtn = function(comment_count) {
      var intValue = parseInt(comment_count) || 0;
      console.log('intValue ' , …

我一直试图解决这个问题.我一直致力于离子+解析登录,注册,忘记密码应用程序.据说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离子框架？

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

谢谢

这是我的cordova应用程序的角度控制器

angular.module('mobApp.controllers', ['ionic'])
.controller('SignupController', function($scope, $http, $location) {

        $scope.submitCommonSignUpForm = function(isValid, formData) {
            if (isValid) {
                var d = formData;
                $http.post('http://X.X.X.X/api/v1.0/basicSignup',formData).
                then(function(d){

                }).
                then(function(e){

                });
            }
        };  

});

我得到了404，http://X.X.X.X/api/v1.0/basicSignup但事实是它存在。知道为什么吗？

在我的应用程序里面platform > android > res > config.xml我有set <access origin="*" />

我为附近的美食广场创建了谷歌地图.在这个标记显示在浏览器中并可点击并给出信息窗口数据.但同样的东西来到移动,标记显示,当点击标记(点击标记)信息窗口数据不显示.我尝试了这么多论坛和改变了很多代码和调试,但我找不到解决方案.

foodFactory.js

var foodModule = angular.module('foodModule', []);
foodModule.factory("foodFactory", ['$rootScope', '$window','foodServices', 'localStorageService', '$state', '$ionicLoading','$stateParams', 
    function($rootScope,  $window, foodServices, localStorageService, $state, $ionicLoading, $stateParams, $cordovaGeolocation ) {

        var foodCourtmap = {};
        var marker = {};


        var directionsDisplay = new google.maps.DirectionsRenderer({'draggable': true });
        var directionsService = new google.maps.DirectionsService();

        foodCourtmap.centerOnMe = function() {
            initialize();               
      };


      //intialze the google map it's show current location.
    function initialize() {

          var infowindow = new google.maps.InfoWindow(); 

                navigator.geolocation.getCurrentPosition(function(pos) {

                foodCourtmap.latitude = pos.coords.latitude;
                foodCourtmap.longitude = pos.coords.longitude;

                var …

错误的ERR!npm v2.14.7

错误的ERR!代码ECONNRESET

错误的ERR!errno ECONNRESET

错误的ERR!系统调用

错误的ERR!网络读取ECONNRESET

错误的ERR!网络这很可能不是npm本身的问题

错误的ERR!网络并与网络连接有关.

错误的ERR!网络在大多数情况下,您在代理后面或网络设置不良.

错误的ERR!网络

错误的ERR!网络如果你是代理人,请确保

错误的ERR!网络'代理'配置设置正确.请参阅:'npm help config'

错误的ERR!Windows_NT 6.1.7601

错误的ERR!argv"C:\ Program Files \nodejs \node.exe""C:\ Program Files \nodejs \node_modules \npm\bin \npm-cli.js""install"" - g"" - d""ionic"

错误的ERR!节点v4.2.2

错误的ERR!npm v2.14.7

错误的ERR!代码ECONNRESET

错误的ERR!errno ECONNRESET

错误的ERR!系统调用

错误的ERR!网络读取ECONNRESET

错误的ERR!网络这很可能不是npm本身的问题

错误的ERR!网络并与网络连接有关.

错误的ERR!网络在大多数情况下,您在代理后面或网络设置不良.

错误的ERR!网络

错误的ERR!网络如果你是代理人,请确保

错误的ERR!网络'代理'配置设置正确.请参阅:'npm help config'

错误的ERR!Windows_NT 6.1.7601 npm ERR!argv"C:\ Program Files \nodejs \node.exe""C:\ Program Files \nodejs \node_modules \npm\bin \npm-cli.js""install"" - g"" - d""ionic"

错误的ERR!节点v4.2.2

错误的ERR!npm v2.14.7

错误的ERR!代码ECONNRESET

错误的ERR!errno ECONNRESET

错误的ERR!系统调用

错误的ERR!网络读取ECONNRESET

错误的ERR!网络这很可能不是npm本身的问题

错误的ERR!网络并与网络连接有关.

错误的ERR!网络在大多数情况下,您在代理后面或网络设置不良.

错误的ERR!网络

错误的ERR!网络如果你是代理人,请确保

错误的ERR!网络'代理'配置设置正确.请参阅:'npm …

我试着在这里按照他们的第一个教程:

http://ionicframework.com/docs/guide/starting.html

然而,它返回一个空白页面,在真实设备和浏览器模拟器(离子服务).

这是错误:

Error: [$compile:ctreq] Controller 'ionSideMenus', required by directive 'ionSideMenuContent', can't be found!

代码本身非常直接.我下载了一个空白模板(我只是按照官方教程),并添加以下html代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>Todo</title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- your app's …

我在分析中使用"用户名"创建了一个新的自定义维度,并从Google Analytics获得了以下代码段. var dimensionValue = 'SOME_DIMENSION_VALUE'; ga('set', 'dimension1', dimensionValue);

我有一个Ionic应用程序,我在其中使用Google分析插件:https://github.com/danwilson/google-analytics-plugin/tree/f415646

该插件正在报告视图等所有内容.现在我想跟踪上面提到的自定义维度.

根据示例,我在我的应用程序中输入以下内容:

window.analytics.addCustomDimension('dimension1', uName, 
                      function(){
                        //success
                        alert('dimension data saved');
                      }, function(){
                        //error
                        alert('An error occured');
                      }
                    );

uName变量包含正确的值.如果我添加控制台日志,它会正确显示.此外,应用程序上会显示成功警报.但它没有用.当我按指定维度过滤时,这不会在我的仪表板上显示任何报告.

但是,以下工作正常(两条线都在一起,一个接一个):

window.analytics.trackView(currentState.name);

有没有人成功跟踪使用ionic/cordova构建的应用程序的自定义尺寸？不知道我在这里做错了什么.

所以我使用以下代码在我的html页面上输出一些图像

<div ng-repeat="Object in Objects"><img src="{{Object.Image}}"></div>

这很好用,可以循环我所有的图像对象,一切都很棒.但是我在控制器中设置了$ scope.Objects变量.因此,当我第一次启动我的网页时,我找不到404

http://192.168.1.180:8100/%7B%7BObject.Image%7D%7D

再一次,一切正常,我的所有图像都显示出来,但是我收到了几个404错误(我在几个地方这样做)并且我试图摆脱它们.