小编Mis*_*ian的帖子

我有一个像这样的蓝色页脚

<ion-footer align="center">
  <ion-toolbar>
    <ion-title>
...

但它在顶部显示阴影样式边框.我该如何删除它.我试图检查它,但没有找到任何东西.

我正在开发一个带有移动设备的网络/移动应用程序,我们在上面有一个代表类别的水平滚动选项卡.在移动设备上它很好,但在网络上我需要在右侧添加2个闪光灯,在左侧添加一个闪光灯.当用户点击它们时,滚动应移动到该方向.

<ion-scroll scrollX="true">
       <ion-segment [(ngModel)]="SelectedSubCategory">
         <ion-segment-button value="" (ionSelect)="SelectSubCategory('')">
                <h6>
                   All Groups
                 </h6>
         </ion-segment-button>
         <ion-segment-button value="{{item.CategoryId}}" (ionSelect)="SelectSubCategory(item.CategoryId)" *ngFor="let item of SubCategories">
            <h6 class="subcategorytext">
                {{item.CategoryName}}
            </h6>
         </ion-segment-button>
       </ion-segment>
     </ion-scroll>

是否有可能实现这一目标？

我的离子应用程序中有一个页面,在按钮单击时打开一个模态页面.目前,我已将variable.scss覆盖到下面的代码,以使模型覆盖页面的100%.

//for Modals
$modal-inset-height-large: 100%;
$modal-inset-height-small: $modal-inset-height-large;
$modal-inset-width: 100%;

但是,这适用于我的应用程序中的所有模型.我想在其他页面中使用一些模型,这些模型使用50%的宽度和大约80%的高度.如何自定义控件？

我想改变只有1页的popover宽度.我试过这个:

我不想$popover-ios-width在variable.scss文件中使用它,因为它改变了所有页面的宽度.

我有一个包含自动完成材质 UI 控件的反应挂钩表单。

    <Controller
      as={
        <Autocomplete
          data-cy="profileCountry"
          options={countries}
          getOptionLabel={option => option.name}
          renderInput={params => (
            <TextField
              {...params}
              label="* Country"
              placeholder="Select a Country"

              InputLabelProps={{
                shrink: true
              }}
              variant="outlined"
            />
          )}
        />
      }
      rules={{ required: true }}
      onChange={([, data]) => data}
      defaultValue={{ id: 0, name: "" }}
      getOptionSelected={(option, value) => option.id === value.id}
      name="country"
      id="country"
      control={control}
    />

我想运行 cypress 测试用例来填写表单并提交。我如何使用 cypress 选择此组件中的第一个选项。

目前我只是尝试一下运气，如下所示。

cy.get("[data-cy=profileCountry]").select("Germany");

我曾经遇到过一次保存 1800 行的情况，随着数据的增长，它开始引起一些问题。然后我开始使用 .batchInsert() ，它工作正常。现在我也必须处理冲突。处理与批量插入冲突的最佳方法是什么？这是我的代码。

return db
  .batchInsert(payload, "payments", 1000)
  .onConflict("batch_id")
  .merge()
  .returning("*");

然而，我得到

db.batchInsert(...).onConflict 不是函数

有什么解决方法吗？

我的离子应用程序中有一个日期时间本地输入框,但我想仅以30分钟的间隔显示分钟,即只有0或30(如9.00或9.30).我读了几步但几分钟都找不到.有没有办法实现它？

我正在开发一个网络应用程序，我需要添加多语言支持。我浏览了 Angular 文档，发现翻译是在构建时发生的。我很好奇我们是否可以以应用程序在运行时翻译成不同语言的方式来开发它。我做了一些研究，但找不到正确的答案。

所以我的问题是，我可以在菜单顶部的下拉语言选择器中添加并在运行时更改语言吗？

我已经在我的离子2项目中集成了谷歌地图,它工作正常,直到我有了添加全屏选项的要求.我添加了该行,在谷歌浏览器上测试,当我点击全屏时,我得到一个空白屏幕.在Android上编译,同样的问题.但它在Mozilla和IE上运行良好.这是我的代码

   this.platform.ready().then(() => {

   let latLng = new google.maps.LatLng(-31.563910, 147.154312);

   let mapOptions = 
     {
       center: latLng,
       zoom: 5,
       mapTypeId: google.maps.MapTypeId.ROADMAP,
       fullscreenControl: true
     }

   this.map = google.maps.Map(this.mapElement.nativeElement, mapOptions);

   this.mapCluster.addCluster(this.customersView.paginatedCustomers, this.map);

});

我遇到了带有 Material UI 组件的 React Hook Forms 的问题，我真的找不到这方面的资源。我有一个页面，我可以在其中获取国家/地区和当前的个人资料信息，并希望将其显示在表单中。最初我想将国家设置为德国。

const [countries, setCountries] = useState([]);
const { control, handleSubmit, register, reset } = useForm();
const [currentProfile, setCurrentProfile] = useState<profiles.resProfileFields>();

useEffect(() => {
  const getProfileData = async () => {
    try {
      const profile = await api.get(profiles.getById, { id: profileId });
      if (profile != null && profile != undefined) {
        setCurrentProfile(profile);
        setcountryId(profile.country.id);
      }

    } catch (err) {
      console.log(`error getting: ${err}`);
    }
  };
  getProfileData();
  getCountries();
}, [profileId]);


useEffect(() => {
  reset(currentProfile);
}, [currentProfile]);

const …