标签: ionic

我正在尝试创建一个响应式图像环绕画廊。每个图像都有一个标题。我使用 webkit 的列数分发它们。

问题是这样的：我已经指定了一个容器是“相对的”。在那个容器内，我有一个“绝对”标题，后跟一个图像。在 column-count 的某些值中似乎发生的是标题将转到另一列而图像在下一列。我需要他们一直在一起，我很惊讶为什么相对容器内的绝对没有这样做。

供参考的代码笔：http ://codepen.io/pliablepixels/full/YwWLzy/

核心图片库代码是：（所以坚持我在发布 codepen 链接时包含一个代码片段，所以在这里）

   <div style="-webkit-column-count:{{ cols }};-webkit-column-gap:0px;line-height:0px;">
       <span ng-repeat="image in images">
           <div style="position:relative">
               <div class="my_header">Header</div>
               <img class="scaled_image" src={{ image.src }} />
           </div>
       </span>
   </div>

请更改列值并注意标题行为。

怎么解决这个问题？（注意我必须使用 img 标签 - 不能使用背景图片）

谢谢

我尝试打开一个模态视图.为此,我使用以下内容:

crop: function(options) {
  options = this.initOptions(options);

  var scope = $rootScope.$new(true);

  ionic.extend(scope, options);

  scope.modal = $ionicModal.fromTemplate(template, {
    scope: scope
  });

  // Show modal and initialize cropper.
  return scope.modal.show().then(function() {
    return (new jrCropController(scope)).promise.promise;
  });
},

这工作正常.但现在我不想在javascript中定义我的模板.我想在一个额外的html文件中定义我的模板,所以我做了.

所以我不得不取代这个:

$ionicModal.fromTemplate(template,

有了这个:

$ionicModal.fromTemplateUrl(url,

但现在我收到以下错误:

ionic.bundle.js:20306 TypeError: scope.modal.show is not a function
at Object.crop (jr-crop.js:287)
at Scope.$scope.crop (polaroids_edit.js:51)
at $parseFunctionCall (ionic.bundle.js:21044)
at ionic.bundle.js:53458
at Scope.$eval (ionic.bundle.js:23100)
at Scope.$apply (ionic.bundle.js:23199)
at HTMLButtonElement.<anonymous> (ionic.bundle.js:53457)
at HTMLButtonElement.eventHandler (ionic.bundle.js:11713)
at triggerMouseEvent (ionic.bundle.js:2863)
at tapClick (ionic.bundle.js:2852)

当我使用模板网址而不是模板时,为什么会出现此错误？对我来说没有意义,因为在两种情况下它都是相同的方法.

我工作的这个程序，我想菜单+选项卡的..我看到的一个例子在codepen并尝试实现它..here的链接“看的第二seaction” http://codepen.io/kmartinezmedia/pen /mFdkB

但它并没有像它想象的那样工作..

我将下面的页面用作一个选项卡，并在另一个选项卡上使用具有不同内容的同一页面，并且我不希望动画给人一种只有内容已更改的感觉。

我想如果有什么方法可以从这个视图中删除动画，它会起作用......或任何其他方式来做到这一点，......我试图从 6 小时开始解决这个问题，

<ion-view class="tech-view" ng-controller="hrlDetailCtrl" view-title="C Language">
 <ion-nav-bar class="bar-balanced big-bar" animation="no-animation" >
      <ion-nav-back-button>
      </ion-nav-back-button>
 </ion-nav-bar>

 <div class="tabs-background-balanced tabs-color-light" style="padding:0px;margin:0px;"  >
     <div class=" bar bar-subheader tabs  tabs-icon-top" style="box-shadow: 0 2px 5px rgba(0,0,0,.26);">
         <a nav-clear class="tab-item disable-user-behavior active" title="Home" nav-clear  ui-sref="app.c">
        <i class="icon ion-ios-book "></i>
               Topic
         </a>
         <a nav-clear class="tab-item disable-user-behavior" title="Chat" nav-clear ui-sref="app.cpro">
        <i class="icon ion-code"></i>
              Programs
        </a>
        <a nav-clear class="tab-item disable-user-behavior" title="Drink" nav-clear ui-sref="app.cques">
        <i class="icon ion-document-text"></i>
              Ques / Ans
         </a>
     </div>
 </div>

  <ion-content …

我正在使用Ionic框架在App项目中工作.我正在尝试制作电视遥控器的导航按钮.我的目标是使用CSS制作下面链接(来自kodi ios远程应用程序)中的图像按钮.有人能帮我吗？

我对离子很新,还在努力学习.很少有事情我无法直接得到答案,希望有人帮助我.我经历了几篇教程文章,对离子有一个基本的想法.

我正在尝试开发一个"群组应用".该小组有50名成员.我希望在群组应用中发布活动列表.更新将每周完成.因此,每当我更新时,我无法将此重新编译为apk.

此外,我注意到ionic有一个具有登录页面的模板.用户名数据库存储在哪里？

如果我需要离子应用程序中的管理部分,是否可以？是什么建议的方法来做到这一点？

如果可能的话,我希望这样做没有任何费用.我有一个使用mysql数据库的普通wordpress网站.

请帮忙.谢谢.