Javascript 使用ExpressionProperties访问不同的模型模板选项
首先,我想说Angular Formly是一个非常棒的库,适合像我这样的新手。我不是一个web开发人员,但是我发现这个库非常直观和强大 但是,我确实需要使用表达式属性的帮助 我有一个包含库项的模型库,例如:Javascript 使用ExpressionProperties访问不同的模型模板选项,javascript,angularjs,forms,angular-formly,Javascript,Angularjs,Forms,Angular Formly,首先,我想说Angular Formly是一个非常棒的库,适合像我这样的新手。我不是一个web开发人员,但是我发现这个库非常直观和强大 但是,我确实需要使用表达式属性的帮助 我有一个包含库项的模型库,例如: { "itemId":"STX001", "title":"Grey Wolf", "category":"White", etc. } { "itemId":"STX002", "title":"Noble Black", "category":"Black", e
{
"itemId":"STX001",
"title":"Grey Wolf",
"category":"White", etc.
}
{
"itemId":"STX002",
"title":"Noble Black",
"category":"Black", etc.
}
etc.
我还有一个表单,它使用顶部字段中的ui-select
来查找库中的所有值,选择其中一个(我称之为项
),然后用项
属性填充表单中的剩余字段,然后将表单提交到目录
模型
我面临的问题是无法从其他字段中引用项的属性。我已尝试使用expressionProperties
,但只能提取valueProp
值(它是唯一的),但我在Item.title、Item.category等后面
代码如下:
{
//This is form fields for creating a new Catalogue entry
key: 'libraryId',
type: 'ui-select',
templateOptions: {
label: gettextCatalog.getString('Search Library'),
options: [],
valueProp: 'itemId',
itemTitle: 'title',
itemCategory: 'category',
labelProp: 'title',
focus: true,
placeholder: 'Start typing keywords..'
},
controller: function ($scope) {
getLibrary().then(function(data){
$scope.options.templateOptions.options = data;
return data;
});
}
}
{
key: 'title',
type: 'input',
templateOptions: {
label: gettextCatalog.getString('Name'),
required: true
},
expressionProperties : {
//This is what i'm trying to achieve but doesn't work
'templateOptions.placeholder' : 'model.libraryId.itemTitle'
}
},
你能不能生成一个plunkr,这真的会有帮助。