带有颜色、Cordova、Onsen 的 Angular 文本交换

Posted 2023-03-15

【中文标题】带有颜色、Cordova、Onsen 的 Angular 文本交换

【英文标题】：Angular Text swap with color, Cordova, Onsen

【发布时间】：2015-03-03 23:09:50

【问题描述】：

所以我在带有 Onsen 框架的 Cordova 中使用 angular 进行了简单的文本和图像交换。

<p ng-class="'green_text': is_fan_on">
     is_fan_on ? 'FAN ON' : ''
</p>

还有我的css

.green_text 
    color: #00ca26;

我的点击事件

$scope.toggle_fan = function()
    $scope.is_fan_on = !$scope.is_fan_on;

除了 iPhone，一切都很好。前一个文本只剩下一行像素。看看这个

不管文字、颜色、FAN OFF 文字，什么都没有

开机时有颜色和文字，切换时保持在原处

android 手机、模拟器、chrome 开发工具 - 所有这些手机都可以正常工作。开关没有问题。这仅适用于 IPHONE

我正在使用 CLI 运行应用程序 - phonegap 服务到我的个人 iPhone6 上，问题在物理设备上很明显

我也在用cordova运行iphone模拟器，问题也很明显（这就是图像的来源）

所有工作都在 MAC 计算机上完成。

我有当前的 Xcode、cordova、angular....

这是一个错误吗？难道我做错了什么？这似乎简单而荒谬的 IMO...

【参考方案1】：

我有

line-height: 1;

在我的 CSS 中以实现跨设备的兼容性。

移除 line-height normalization 将解决问题 - 但现在您无法设置 line-height..... 所以不是真正的修复