Ionic 3的新IonicPage可以处理一些延迟的加载和路由,但是在导入自定义组件方面却步履维艰。
如果我初始化页面,并且它是相应于文档的模块(请参见下文),则会收到一条错误消息,指出我的页面模板无法绑定到自定义组件的属性。
错误输出:
core.es5.js:1085错误错误:未捕获(已承诺):错误:模板解析错误:由于它不是“位置搜索输入”的已知属性,因此无法绑定到“位置”。1.如果“ location-search-input”是Angular组件,并且具有“ locations”输入,则请验证它是否是此模块的一部分。2.如果“ location-search-input”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。3.要允许任何属性,请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”
我只是在我的标记中引用了我的自定义组件,如下所示:
<location-search-input [locations]="searchLocations"></location-search-input>,在升级到Ionic 3并切换到新的@IonicPage装饰器之前,它工作得很好。
为了清楚起见,这locations是我的自定义组件的一小段,其中被声明为属性/输入。
@Component({selector: 'location-search-input', templateUrl: './location-search-input.component.html'})
export class LocationSearchInput {
@Input() locations: any[] = [];
constructor(public navController: NavController, private googlePlacesService: GooglePlacesService) {
}
}
Run Code Online (Sandbox Code Playgroud)
我有一种感觉,也许应该在页面的模块中声明/导入我的自定义组件,但是我不确定。任何建议将不胜感激。
页面模块 - 基本模板(根据文档)
import {NgModule} from "@angular/core";
import {IonicPageModule} from "ionic-angular";
import {BrowsePage} from "./browse.page";
@NgModule({
declarations: [BrowsePage],
imports: [
IonicPageModule.forChild(BrowsePage),
],
entryComponents: [
BrowsePage,
]
})
export class BrowsePageModule …Run Code Online (Sandbox Code Playgroud) 我有许多函数,它们都在返回承诺时执行完全相同的操作。this.client是一组 API 调用的包装器,它们返回响应或错误。我希望以同样的方式处理这些。
有什么想法可以将这些方法中的每一种减少到一个衬垫中吗?
getHealthCheck() {
return this.client.tools.healthcheck().then((response) => {
return {success: true, result: response};
}).catch((err) => {
return {success: false, err: err };
});;
}
createUser(data) {
return this.client.users.create(data).then((response) => {
return {success: true, result: response};
}).catch((err) => {
return {success: false, err: err };
});;
}
createCardAccount(data) {
return this.client.cardAccounts.create(data).then((response) => {
return {success: true, result: response};
}).catch((err) => {
return {success: false, err: err };
});;
}
createBankAccount(data) {
return this.client.bankAccounts.create(data).then((response) => {
return {success: …Run Code Online (Sandbox Code Playgroud) 我目前正在开发一种HTML游戏,用户可以拖动项目并将其放入正确的类别中.类别及其项目在XML文档中定义.
我的XML格式:
<config>
<game>
<title>Dementia</title>
<cat>
<catTitle>Mild</catTitle>
<item>mild-1</item>
<item>mild-2</item>
<item>mild-3</item>
</cat>
<cat>
<catTitle>Moderate</catTitle>
<item>Moderate-1</item>
<item>Moderate-2</item>
<item>Moderate-3</item>
</cat>
<cat>
<catTitle>Severe</catTitle>
<item>Severe-1</item>
<item>Severe-2</item>
</cat>
</game>
Run Code Online (Sandbox Code Playgroud)
我想使用jQuery将这个XML文件解析为基于其类别的单独数组.
例如:
array1 = [轻度-1,轻度-2,轻度-3]
array2 = [Moderate-1,Moderate-2,Moderate-3]等......
这将允许我根据类别数组检查被删除项目的属性是否正确.
如果您对如何做到这一点有任何其他想法,请建议.
先感谢您.