小编Mud*_*jaz的帖子

IONIC在离子项中有关于自动换行的两个问题:1.字符串会被末尾附加的点截断,如何显示没有点的完整内容？2.自动换行和响应在Firefox中不起作用(Chrome还可以),如何在Firefox中解决这个问题？

<div class="row responsive-sm">
<div class="col">
    <div class="item item-body">
        <ion-item class="wrap" style="word-wrap: break-word; word-break: break-all;">
        #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion 
        </ion-item>
    </div>
</div>

任何帮助将非常感激.最好的祝福.这是完整的HTML来显示问题 codepen

我已将Crosswalk添加到我的离子项目中.当我这样做ionic build android时输出两个单独的APK文件,一个用于armv7,另一个用于x86.

但是,我想要一个单独的apk文件将两个体系结构捆绑在一起.

我尝试过设置,BUILD_MULTIPLE_APKS = false但它仍在构建两个单独的apks.

有一个帖子在这里说:

花了我一分钟但你可以通过在platforms/android/gradle.properties中注释掉cdvBuildMultipleApks = true行来获得单个构建文件

干杯

但是我的平台/ android /文件夹中没有任何gradle.properties文件,我有一个project.properties文件,并且没有cdvBuildMultipleApks=true注释掉的行.

我试图手动创建一个gradle.properties文件并放入cdvBuildMultipleApks=false那里,但仍然有两个输出.

任何想法如何实现这一目标？

更新:

我的Cordova版本是5.1.1

解:

通过@mudasserajaz的建议和什么为我所做的工作在这里,是为了:

1. build-extras.gradle在我的/platform/android/目录中创建一个名为的文件.
2. 放进ext.cdvBuildMultipleApks=false去吧.
3. ionic build android --release 然后和Voila一起工作了.

@mudasserajaz建议同样的事情,除了变量名称是cdvBuildMultipleApks=false这样的,如果它没有为你工作,不要忘了ext

所以我想修改$ ionicPopup中的默认宽度,为此我必须将'cssClass'添加到我的弹出对象中,就像下面的代码一样

  $scope.getScore = function(){
  var popupScore = $ionicPopup.alert({

  title:'Score',
  template: 'Total XP points: 50',
  cssClass: '',
  buttons: [{
    text:'Return',
    type: 'button-assertive'
  }]}}

在这种情况下你会怎么做？我应该给cssClass一个值吗？(即:cssClass ='popupClass')然后转到我的CSS文件并从那里修改宽度？

我正在使用以下控制器,以便在dashboard页面android后退按钮退出应用程序,但在其余页面上它返回.从dashboard页面之前我有一个教程我只向我的用户呈现一次,然后我不得不重写android后退按钮,dashboard如果按下它退出,它可以正常使用此代码:

angular

  .module('az-app')
  .controller('DashboardController', function ($scope, $state, $ionicPlatform) {

    /**
     * While user on dashboard.html we don't want Android back button to return
     * to tutorial views so we override it so that in case that back button is pressed
     * to exit app which is in accordance with android lifecycle.
     *
     */
    $ionicPlatform.registerBackButtonAction(function () {
       if($state.is('/dashboard') || $state.is('dashboard')){
        navigator.app.exitApp();

       }
    }, 100);


  });

现在的问题是,当我转到以下视图时,它仍然可以作为退出按钮,但我希​​望它只是一个不是仪表板的任何其他视图中的后退按钮,所以我在以下控制器中尝试了这个:

angular

  .module('az-app')
  .controller('DirMedicoController', function ($scope, $state, $ionicPlatform) {

    $ionicPlatform.registerBackButtonAction(function …

我的离子模态视图不会显示出来.屏幕不知何故会变成灰色,但它没有显示模态.

我想知道什么是错的.

这是我的代码:Orignial view:

<ion-header-bar class="bar-energized">
  <h1 class="title">Contact Info</h1>
</ion-header-bar>
<ion-content>
  <div class="card" ng-controller='DashCtrl' ng-click="openModal()">
    <div class="item item-divider">
      {{contact.name}}
    </div>
    <div class="item item-text-wrap">
      {{contact.info}}
    </div>
  </div>
</ion-content>

莫代尔:

<script id="templates/contact-modal.html" type="text/ng-template">
  <div class="modal">
    <ion-header-bar>
      <h1 class="title">Edit Contact</h1>
    </ion-header-bar>
    <ion-content>
      <div class="list">
        <label class="item item-input">
          <span class="input-label">Name</span>
          <input type="text" ng-model="contact.name">
        </label>
        <label class="item item-input">
          <span class="input-label">Info</span>
          <input type="text" ng-model="contact.info">
        </label>
      </div>

      <button class="button button-full button-energized" ng-click="closeModal()">Done</button>
    </ion-content>
  </div>
</script>

控制器:

.controller('DashCtrl', function($scope, $ionicModal) {

    $scope.contact = {
      name: 'Mittens Cat',
      info: …

我在 Angular 应用程序中实现文件上传代码时遇到类型错误。我正在使用 Angular 8 和 TypeScript 3.5.3。以下是我的代码

模板 <input type="file" id="file" (change)="handleFileInput($event.target.files)">

以及组件类中的函数

  handleFileInput(files: FileList): void {
    files[0].arrayBuffer().then((value) => {
      console.log(value);
    });
   }

编译时我收到此错误： error TS2339: Property 'arrayBuffer' does not exist on type 'File'.

知道如何消除这个错误吗？

我试图在Html中对齐文本,但它不起作用,我不知道为什么.我正在使用Ionic Framework.

我的代码是:

<ion-list>
   <ion-item>
      <b>Name</b> <p align="right"> {{paciente.name}}</p>
   </ion-item>
   ....
</ion-list>

它看起来像这样:

但我希望所有文本在同一行,我不知道如何得到它.

我正在研究用于app开发的离子框架.我可以从db获取客户列表,但列表很大,这就是为什么我想慢慢加载该列表,如想在某些部分显示数据然后再次显示下一个数据,如懒人加载任何人都可以建议我这个或任何的各种选项我的问题的链接或示例

提前致谢

我试着这个

.pane { 
        background: url('../img/fondoapp.png'); 
        background-size: 100% 100% !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

但是使用.pane或.scrollcontent会在我的其他选项卡中重复显示背景图像,当本机键盘出现时,它会调整图像的大小.

我正在玩Ionic示例项目,并且正在寻找一种从json文件中提取数据的方法,而不仅仅是项目中的标准数组.

我已经成功修改了services.js以从JSON中获取数据,但我的模板没有获取数据.我假设这是因为它在JSON的http请求完成之前执行.

我需要做些什么来完成这项工作？

........
.factory('People', function($http) {
  // Might use a resource here that returns a JSON array
  var people = $http.get('../data/peopleData.json').success(function(response){
    console.log(response.people); //the data is correctly logged
    return response.people;
  });

  // var people = [{
  //   id: 0,
  //   name: 'Kassiopi'
  // }, {
  //   id: 1,
  //   name: 'Imerola Bay'
  // }];
  //original and works great
return {
    all: function() {
      return people;
    },

    get: function(personId) {
      for (var i = 0; i < people.length; i++) {
        if …