我有一个Angular 2.0(稳定版)应用程序,其中一个实体是project.对于其中的每一个projects,我的细节分布在不同的部分/路线上:
project/:id/overviewproject/:id/documentsproject/:id/logs用于project在单个调用中返回大部分数据的API ,因此我需要调用一次,并使其可用于不同的子路由.
我的路线看起来像:
export const routing: ModuleWithProviders = RouterModule.forChild([
{ path: 'projects', component: ProjectsComponent },
{ path: 'project/new', component: NewProjectComponent },
{
path: 'project/:id',
component: ProjectDetailComponent,
resolve: {
project: ProjectDetailResolve
},
children: [
{ path: '', redirectTo: 'overview', pathMatch: 'full' },
{ path: 'overview', component: ProjectOverviewComponent },
{ path: 'documents', component: DocumentsComponent },
{ path: 'logs', component: LogsComponent },
]
}
]);
Run Code Online (Sandbox Code Playgroud)
ProjectDetailComponent 目前使用Resolver成功获取项目数据(没有问题):
ngOnInit() {
this.route.data.forEach((data: { …Run Code Online (Sandbox Code Playgroud) 我对angular 2有一些经验,但我对框架还是比较新的.环顾四周时,我发现了一种名为ngdocs的东西.它非常好,因为它根据代码中的注释为您创建了一种文档/ wiki区域.(类似于js docs).但是,它似乎专门用于角1.XX.
我已经做了一些搜索,但似乎找不到任何能为角度2提供类似功能的东西.有人知道是否有与角度2的ng-docs类似的东西?
在我的项目中,我需要使用Google Vision API,以便了解用户上传的图片是否被评为成人内容.
在他们的文档页面中,我们有一个定价表Google Vision API Pricing,我们可以在其中看到有一个免费的计划,您有一些限制.为了开始使用此功能,我需要加入免费试用版并设置结算帐户.
我的问题如下:
我目前正在尝试向面板添加自定义样式并且以下代码有效,但实际上非常丑陋且不可重用。
我应该在哪个文件夹和文件中编写相应的 css 类,以及将其绑定到该组件的正确方法是什么?。
请注意,我正在尝试为这种类型的每个组件定义一个样式。
Ext.define('MyProject.view.main.Main', {
extend: 'Ext.container.Container',
style: 'margin: 0; padding: 0; border: 0; text-align: center; background: #ecf0f1 url(resources/bg.jpg) no-repeat center 0;',
...
});
Run Code Online (Sandbox Code Playgroud) 我有一个从 Web 服务中检索信息的代理存储,我想以一种类似于网格的方式在面板中显示该信息,在其中我设置了“dataIndex”参数以绑定到检索到的数据中。
我怎样才能在没有额外编码的情况下实现这个目标,这可能吗?
像这样的东西:
代理店:
Ext.define('MyStore', {
extend: 'Ext.data.Store',
alias: 'store.myStore',
model: 'myModel',
autoload: true,
proxy: {
type: <wsType>,
url: <wsUrl>
},
scope: this
});
Run Code Online (Sandbox Code Playgroud)
控制板:
Ext.define('<myPanel>', {
extend: 'Ext.panel.Panel',
...
store: Ext.create(<myStore>),
...
items: [
{
xtype: 'titlePanel',
cls: 'titlePanel',
html: '<div class="titlePanel"><h1>My Title</h1></div>',
},
{
xtype: 'form',
layout: 'vbox',
cls: 'whitePanel',
items: [
{
xtype: 'panel',
layout: 'column',
items: [
{
xtype: 'displayfield',
displayField: 'name',
dataIndex: 'name',
fieldLabel: Ext.locale.start,
name: 'start'
},
...
Run Code Online (Sandbox Code Playgroud)