ionic-framework

问题 I have created an ionic app and want to deploy it as a website. What's the best way to deploy it on a custom domain? I was thinking of using azure web app to host the ionic app. All the documentation refers to use it as hybrid app for IOS and Android. But at this point, we are only interested for it to function as a website. 回答1: edit: Ionic 1.2 officially supports deployment as a website! As I stated in the comment to the only provided answer - I disagree . If you're not using any Cordova

问题 How I can remove <ion-item> divider? I have the following code to show 4 items in a row: <ion-row ion-list> <ion-col width-25 *ngFor="let player of players"> <ion-item color="dark"> <ion-avatar item-left> <img [src]="photo" class="img img-circle"/> </ion-avatar> {{user.name}} </ion-item> </ion-col> </ion-row> and the output shows 4 images in a row, as excepted, but each image has a white divider below it. I don't want any divider. I tried to set style="border:none" but it didn't do it. 回答1:

问题 How I can remove <ion-item> divider? I have the following code to show 4 items in a row: <ion-row ion-list> <ion-col width-25 *ngFor="let player of players"> <ion-item color="dark"> <ion-avatar item-left> <img [src]="photo" class="img img-circle"/> </ion-avatar> {{user.name}} </ion-item> </ion-col> </ion-row> and the output shows 4 images in a row, as excepted, but each image has a white divider below it. I don't want any divider. I tried to set style="border:none" but it didn't do it. 回答1:

问题 I having problems trying to change the background color in just one IONIC 4 (--type=angular) page. I am trying to add a class for the ion-content. In my html file I Have: <ion-content class="fondologin"> ... </ion-content> In my sass I have: .fondologin{ background-color: #111D12!important; } The background color is never changed. If I add --ion-background-color:#111D12; in variables.scss the background is successfully changed for every page but I just one to change the color in one page. How

问题 I'm using ionic v1.0.0 and do not understand the way parallel history managed by $ionicHistory works. Especially on Android devices, when using the (formerly hardware-)back button, my Angular app sometimes behaves strange and I'd like to understand why. (example: navigating back opens a view closed by $ionicGoBack() long time ago) For me it seems like some of the ui-router navigations create new history stacks and others put the history items in the root history, even when going from state to

问题 I'm using ionic v1.0.0 and do not understand the way parallel history managed by $ionicHistory works. Especially on Android devices, when using the (formerly hardware-)back button, my Angular app sometimes behaves strange and I'd like to understand why. (example: navigating back opens a view closed by $ionicGoBack() long time ago) For me it seems like some of the ui-router navigations create new history stacks and others put the history items in the root history, even when going from state to

问题 I'm using Ionic and want to dynamically change the background colour of each item in an <ion-list> based on the data. I thought I'd do this by way of a function call to return the correct class <ion-list> <ion-item ng-repeat="singleCase in allCases" ng-class="getBackgroundColour(singleCase)" class="item-avatar"> <h2>{{singleCase.date}}</h2> <p>{{singleCase.caseType}}</p> </ion-item> </ion-list> This is the controller at present .controller('AllCasesCtrl', ['$scope', '$log', 'dummyData',

问题 I'm using Ionic and want to dynamically change the background colour of each item in an <ion-list> based on the data. I thought I'd do this by way of a function call to return the correct class <ion-list> <ion-item ng-repeat="singleCase in allCases" ng-class="getBackgroundColour(singleCase)" class="item-avatar"> <h2>{{singleCase.date}}</h2> <p>{{singleCase.caseType}}</p> </ion-item> </ion-list> This is the controller at present .controller('AllCasesCtrl', ['$scope', '$log', 'dummyData',

问题 I followed this post: http://gonehybrid.com/bring-your-ionic-app-to-life-getting-started-with-d3-js/ I have all the libraries but unfortunately, I get this error: Error: [$injector:modulerr] Failed to instantiate module starter due to: [$injector:modulerr] Failed to instantiate module nvd3 due to: [$injector:nomod] Module 'nvd3' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

问题 I followed this post: http://gonehybrid.com/bring-your-ionic-app-to-life-getting-started-with-d3-js/ I have all the libraries but unfortunately, I get this error: Error: [$injector:modulerr] Failed to instantiate module starter due to: [$injector:modulerr] Failed to instantiate module nvd3 due to: [$injector:nomod] Module 'nvd3' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.