在控制器中设置属性后，Formly不更新字段
的问题可能是由于以下几个原因导致的：
- 数据绑定问题：Formly使用数据绑定来更新字段的值和属性。如果在控制器中设置属性后，没有正确地绑定到Formly字段上，那么Formly将无法更新字段。确保在控制器中正确地绑定字段的属性，以便Formly能够正确地更新字段。
- 表单重新编译问题：有时候，当在控制器中设置属性后，需要手动触发表单的重新编译，以便Formly能够更新字段。可以通过调用Formly的
form.$setPristine()和form.$setDirty()方法来触发表单的重新编译。 - 表单字段配置问题：检查Formly字段的配置是否正确。确保字段的
key属性与控制器中设置属性的名称匹配，以便Formly能够正确地更新字段。 - 表单字段模板问题：如果在控制器中设置属性后，Formly字段的模板没有正确地更新，那么可能是模板缓存导致的问题。可以尝试清除模板缓存，或者在控制器中手动更新字段的模板。
总结起来，要解决在控制器中设置属性后，Formly不更新字段的问题，需要确保正确地绑定字段的属性，触发表单的重新编译，检查字段配置的正确性，并确保字段的模板正确更新。如果问题仍然存在，可能需要进一步调试和排查其他可能的原因。
关于Formly的更多信息和使用示例，可以参考腾讯云的Formly产品介绍页面：Formly产品介绍。
相关·内容
4回答
使用，我设置了以下控制器和模板。我让控制器打印用户输入到所有字段中的值，但用户没有触及的值除外。这意味着，如果用户根本没有在字段中写入任何内容，则不包括该字段。虽然如果用户输入了某个内容，然后删除它，但是该字段包含在一个空字符串中。
如何包括用户未触及的字段？
// fooController.js
vm.fooModel= {};
vm.fooFields = [
{
key: 'foo',
type: 'input'
templateOptions: {
label: '
浏览 4提问于2016-08-05得票数 5
json配置：
{
"moduleconfigs": {
"create": [
{
"key": "Committed",
"type": "horizontalInput",
"templateOptions": {
"label": "Committed"
}
},
{
浏览 0提问于2015-11-20得票数 2
1回答
我有一个ng-repeat，其中我希望将重复的值用作数组索引值。
控制器：
vm.ingredientsCount = [0,1,2];
模板
<div ng-repeat="count in vm.ingredientsCount">
<h3>Ingredients {{count}} {{$index}}</h3>
<formly-form model="vm.model.ingredients[$index]" fields="vm.fields.ingred
浏览 0提问于2015-07-17得票数 0
1回答
如果模型是作用域的值，就像字符串一样，我使用的是角格式，并且工作得很好：
{
key: 'name',
type: 'input'
}
问题是，我使用了一个更详细的对象来处理模型，使用“控制器作为”语法，名称作为用户对象的一部分：
vm.user = {name: 'john', lastname: 'doe'}
当然，关键是：
{
key: 'user.name',
type: 'input'
}
(通常vm是从键中取出的格式符号)。
问题是，福尔巴利使用括号内的
浏览 1提问于2015-12-12得票数 3
回答已采纳
我有一个服务，在这个服务中我尝试禁用一个角度形式的字段：
formField.templateOptions.disabled = true;
即使templateOption对象是正确的，该字段也没有被禁用：
"templateOptions": {
"type": "text",
"placeholder": "",
"label": "Single Line Test",
"disabled": true
},
这是不可能的吗
浏览 3提问于2015-10-02得票数 4
我使用formly来编辑我从服务器上得到的一些对象。当我完成编辑后，我点击保存。当服务器使用新保存的对象进行响应时，我将这个新对象重新分配给正式使用的模型对象。但是由于某些原因，这个新对象不会被formly使用。因为当我再次尝试编辑和保存对象时。旧对象正在由formly使用，而不是我分配给模型对象的新对象。
我有一个演示了这一点。我模拟了服务器只有两个不同的对象来响应不同的对象。当我提交我的更改时，我给我的模型对象分配了一个不同的对象。我希望当我提交时，数据将更改为新模型。
浏览 1提问于2015-08-05得票数 1
1回答
我使用立方体组件字段。
在我尝试用另一种型号替换之前，一切都很好。
每个字段的组件不使用新值进行更新。
也没有任何事件发生
--我试图改变为模型的方式：
this.model = this.data.model[this.currentRow];
html格式标记
<form class="formly" role="form" [formGroup]="form" >
<formly-form #formly [(model)]="model" [fields]="fields
浏览 0提问于2018-03-07得票数 0
问题是当单击并模糊显示特定字段时，将显示验证消息，并且文本字段变为红色。但是，当我单击表单的submit按钮而没有接触任何输入字段时，没有显示错误消息，文本字段也没有变红。
正确的方法是，它必须在提交期间显示所有验证消息，并且所有文本字段都必须变为红色。
最重要的是
<!DOCTYPE html>
<html>
<head>
<title>Angular-Formly</title>
<link rel="stylesheet" type="text/css" hr
浏览 2提问于2016-05-23得票数 0
我正在使用Angularjs Formly，并将数据发布到google工作表。传递文本字段值很好，但我的选择字段在工作表中发布为"string:'product 1'“，'product 1‘是我需要在工作表中看到的内容。如果您有任何建议来纠正这一点，我将不胜感激。谢谢。
控制器：
key: 'product type',
type: 'select',
templateOptions: {
label: 'Product Select'
浏览 4提问于2015-07-16得票数 0
1回答
如何将工具提示添加到格式字段
、、、、
我试着寻找答案，但效率不高，所以我在这里 如何在这些字段中添加工具提示？工具提示只包含一句话，而且不复杂。对于更多的字段，我应该这样做，但在本例中，我将显示两个字段。 customerFields: FormlyFieldConfig[] = [{
{
className: 'col-sm-6',
type: 'input',
key: 'companyName',
浏览 10提问于2020-03-23得票数 0
我试图以角度反应的形式使用ngbDatepicker，并希望能够显示初始值。
我的问题是和关键的区别，我也在使用，一个角包来自动生成表单。因为最初问题的答案是基于生成一个新的formControl并将它添加到表单中，在我的例子中，这是通过形式完成的，这就是为什么我在挣扎。
当您想要输入一个新值时，"component“通常起作用(因为这会触发我用来更改模型值的事件)，但是初始值没有正确显示。虽然模型的值通常为"2020-07-05“，但如果用预兆进行检查，则从不会在输入字段中显示。如果我在NgbDate ()中将模型中的日期转换为ngOnInit({年份、月、日})，则此值将保
浏览 8提问于2021-03-08得票数 0
回答已采纳
我正在努力使像readme.md文件那样工作，用于该插件的显示。因此，我：
Ran ember install ember-formly
将 Model()和fields转储到我的应用程序/控制器. my文件中
将放入空白模板/application.hbs文件：
{ fields=fields -formly model=model}
当我在浏览器中加载它时，这给了我这个错误：
断言失败:找不到名为“定制字段/html-输入”的组件(没有找到具有该名称的组件或模板)
作为Ember.js的新手，我肯定我错过了一些简单的东西.有什么想法吗？谢谢!
浏览 6提问于2017-07-23得票数 0
2回答
我们正在使用英鲁形式来制作我们的表格。但是，当用户输入无效输入时，我们希望他们有明确的错误消息。因此，我使用表达式:和消息创建了一个验证器:但是，我无法让消息显示出来。
控制器字段值包含：
{
key: 'port',
defaultValue: 2301,
type: 'input',
validators: {
isPort: {
浏览 2提问于2016-03-31得票数 0
回答已采纳
1回答
我想使用顺风来完成我所有的样式设计，并且不想在我的代码中添加额外的库。
下面是我想出的一个简单的例子：
我所做的：
创建了一个简单的组件，其中包含一个基本的输入字段。角似乎编译得很好，但格式上似乎没有显示任何字段。它错误地用一个Error: [Formly Error] There is no type by the name of "input"。
在没有主题的文档中，我似乎也找不到任何例子。
浏览 1提问于2020-05-13得票数 0
回答已采纳
1回答
基于ngx的阵列角9的动态形式
、、、、
尝试实现:按用户选择的动态表单，使用ngx-formly/material选择地区JSON。如何用我的对象数组"this.fields2“映射字段？
在我的component.ts中有：
model: any = {};
options: FormlyFormOptions = {};
fields: FormlyFeildCongif[];
Fetching the JSON of the selected Locale:
ngOnInit():void
{
this.langService.getSelectedLocaleData(this.cuurentLang).
浏览 1提问于2020-07-04得票数 3
尝试在Express JS中创建我的第一个简单的CRUD，但我似乎找不到这个恼人的bug。
当我尝试更新一个字段时，该字段中的JSON将输出到视图，而不是新数据。
截图：
控制器要点：
浏览 0提问于2015-04-29得票数 0
1回答
我一直在使用来呈现来自服务的JSON响应的一些表单，但是我有几个问题。
可以在字段(例如templateOptions.label)中获取数据以添加到模型中？或者有必要从formly-form.js覆盖FormlyFormController并添加一个函数作为现有的"attachKey"？
您可以添加一个字段，比如groupLabel到fieldGroup，以便为组呈现一个标题？
浏览 2提问于2015-06-05得票数 0
在使用json模式(草案7)生成动态表单时，我在Formly Forms中使用的自定义数组组件中删除/禁用按钮时遇到了一个问题。我尝试了各种方法来解决这个问题，但似乎都不起作用。 我想要实现的是，使用ngIf*来显示/隐藏按钮，或者在组件模板中使用类似的东西来禁用它们。有时数组组件应该显示这些按钮，有时不应该。这必须依赖于在某个地方定义的特定属性，它可以很容易地被选中，并且可以防止按钮呈现。 我尝试在json模式内设置disable: true属性，但我不知道如何从数组组件访问该属性(我检查了组件内的field对象-没有影响)。我还尝试创建一个新组件，在其中物理地删除了这些按钮并将其命名为a
浏览 43提问于2020-05-01得票数 0
回答已采纳
我使用angular formly创建表单，超过50个字段，我已经使用高级布局显示了字段。()
现在表单这么大，我想把它分成几个小部分。如何使用angular formly实现单页向导(例如- )？
或者，有没有其他最好的方式来以用户友好的方式使用angular formly来显示这么大的表单？请提个建议。
我面临的另一个问题是，表单中的大多数字段都是select字段，而此select字段中的数据来自服务器。所以加载表单需要一些时间。如何减少表单的加载时间？
浏览 2提问于2015-12-30得票数 0
当字段由于hideExpression而从DOM中删除时，它在模型中的值仍然存在并在提交时发送。
使用
angular-formly v8.4.1 angular-formly-templates-bootstrap版本6.5.1
？如何从模型中删除隐藏字段或将其设置为空？
下面是这个问题的一个例子：
如果复选框处于隐藏状态，我希望复选框状态不会在模型中发送。
因为如果这个复选框用于隐藏另一个第三个字段，如果我们在选中时隐藏复选框(使用hideExpression )，这个第三个字段仍然显示在DOM中，这有点奇怪，因为如果复选框被移除，第三个依赖字段必须被移除。
我已经能够观察到，通过简单地将
浏览 17提问于2018-01-18得票数 0
1回答
Ange-formly.com有一个如何执行重复部分的示例：
如果要修改Name of Investment字段并将其标记为必需的字段，则在按submit按钮时没有标记它(因此没有突出显示字段为红色)。我认为应该这样做，因为这是必要的。
查看屏幕底部的表单输出，您可以看到$submitted仍然是如何设置为false的，这意味着屏幕不认为它需要担心将字段标记为红色。如果您手动单击该字段并单击out (没有键入任何内容)，则该字段将被正确地高亮显示为红色。
这种重复行为是通过内部字段数组创建的。这会不会扰乱提交按钮的工作方式？
浏览 2提问于2015-08-13得票数 0
回答已采纳
2回答
我一直在使用angular formly来创建动态表单。在我的表单中，我使用了禁用字段，但那些从属字段意味着由其他输入自动填充。但是我提交了我的表单，这些禁用的输入字段值不会添加到表单值中。我也尝试过form.getRawValue，但它不起作用，我如何才能获得必须设置为只读的字段值？我想在json中使用readonly属性，但我不知道如何使用它。请帮帮我。
浏览 17提问于2018-12-17得票数 0
回答已采纳
我有一个形式的形式，我不知道我将收到哪些验证错误在预先。因此，我的计划是:将表单提交给服务器，如果存在错误，获取错误信息，然后将错误消息添加到相关字段。我的代码是：
/* global angular */
(function() {
'use strict';
var app = angular.module('formlyExample', [
'formly',
'formlyBootstrap',
'ngAnimate',
'ngMessages
浏览 3提问于2016-04-28得票数 5
回答已采纳
1回答
因此，我试图为库编写一个自定义模板，该模板使用作为字段。我已经能够使用基本的模板方法来获得签名簿来显示：
app.run(function(formlyConfig) {
formlyConfig.setType({
name: 'signaturePad',
template: '<signature-pad accept="accept" clear="clear"' +
'height="220" width="568
浏览 3提问于2016-03-19得票数 1
回答已采纳
1回答
<formly-form model="vm.model" fields="step.inputs" options="vm.options">
<div style="text-align:right">
<button type="submit" wz-next class="btn btn-primary submit-button" ng-disabled="innerForm.$invalid">Næste<
浏览 0提问于2015-09-02得票数 4
回答已采纳
我正在使用Angular Formly，并尝试建立一个表单与选择字段，允许选择一个国家的状态。第二个字段是typeahead字段，它允许输入属于此状态的有效区域名称。但是，我无法动态更改typeahead选项数组。
我从Formly示例中获取了Typeahead类型定义，并且可以很好地使用静态选项数组：
formlyConfig.setType({
name: 'typeahead',
template: '<input type="text" ng-model="model[options.key]" ' +
浏览 0提问于2016-01-24得票数 3
2回答
我正在尝试连接注册表单中的文本字段，这样，在完成对每个字段的按下之后，表单中的下一个字段就会自动激活。为此，我在注册视图的视图控制器中扩展了UITextField类，如下所示。
@interface UITextField (Extended)
@property (nonatomic, weak) IBOutlet UITextField* nextField;
@end
然后，我通过接口生成器为表单中的每个字段设置了nextField出口，并在视图控制器中实现了以下代码，视图控制器也充当表单中文本字段的委托。
- (BOOL) textFieldShouldReturn:(UITe
浏览 0提问于2015-02-20得票数 0
回答已采纳
我想使用Java在以下输入元素( upload元素)中上传文件。
<input type="hidden" ng-model="model[options.key || index]"
id="formly_21_fileupload_args_content_substrate_surface_media_documentURL_0"
name="formly_21_fileupload_args_content_substrate_surface_media_documentURL_0"
formly-
浏览 0提问于2018-08-24得票数 0
我使用AngularJS在Formly表单中的10位电话号码字段上设置了输入掩码:只需用短划线掩蔽输入: xxx-xxx-xxxx。破折号正确显示在页面上，但该字段的Formly模型值保留了破折号。如何将表单域配置为忽略掩码字符(破折号)？模型值应为：
phoneNumber: '4838884747'
不
phoneNumber: '483-888-4747'
我还没有得到一个格式化程序来工作。帮帮忙，好吗？
浏览 4提问于2019-06-08得票数 0
1回答
角形元聚焦
、、、
我的字段有一个包装器，当鼠标经过时，将普通文本转换为输入，我还有一个目录，当该字段打开时，它会将焦点设置在该字段上。
现在，我希望字段保持开放，只要我专注于该字段，并在焦点变为假的情况下转换回正常文本。有什么好办法吗？
包装纸：
template: [
'<div ng-hide="to.editorEnabled" >',
'<div ng-mouseover="to.editorEnabled=true">',
浏览 5提问于2016-02-10得票数 1
回答已采纳
我试图在我的formly字段中显示一个描述，但是它没有出现。 我尝试在模式和运行时中包含描述，但在任何一种情况下，它都不会出现。 Schema.json： {
"key": "CommentText",
"type": "input",
"className": "form-group",
"templateOptions": {
"label": "Comment text",
浏览 13提问于2019-05-28得票数 0
1回答
参考此示例：
我已经创建了一个指令：example-directive，这个指令由一个templateUrl组成，该templateUrl在这个html文件中有一个标签和一个输入。此字段在required中标记为vm.formFields。
如果您在表单部分中向下看一看，您会注意到$valid已经设置为true，尽管没有填充所需的指令。我本以为这是false。
是否有一种方法可以使Formly要求从包含字段的自定义指令中引入字段？
浏览 2提问于2015-09-11得票数 0
回答已采纳
我在下面的方式中使用角质材料的数据变送器范围。
组件类
form = new FormGroup({});
model: DashboardFilterModel = {
criteria: '',
category: undefined,
range: undefined,
};
fields: FormlyFieldConfig[] = [
{
key: 'range',
type: 'datepicker-range',
props: {
label: 'Rango',
浏览 12提问于2022-11-17得票数 0
2回答
这是使用，我已经创建了多个复选框模板，如下所示：
<script type="text/ng-template" id="multi-checkbox-template.html">
<div class="radio-group"
ng-class="{'has-error': options.formControl.$invalid}">
<label class="control-label">
{{options.
浏览 2提问于2015-05-26得票数 0
1回答
如何在正式提交时显示所有验证错误？
表格
<formly-form model="vm.model" fields="vm.fields" form="vm.form">
<button class="btn btn-primary" type="button" ng-click="submit()">Save changes</button>
</formly-form>
控制器
$scope.submit = function () {
i
浏览 3提问于2015-11-24得票数 1
回答已采纳
我使用的是tsd，它现在已被弃用，正在尝试使用类型。类型存储库非常小，我找不到任何我需要的d.ts文件。我需要的所有文件都在GitHub DefinitelyTyped存储库中，但我找不到一种使用类型安装它们的方法。
下面是我尝试过的一个命令：
typings install github:DefinitelyTyped/DefinitelyTyped/angular-formly/angular-formly.d.ts
我收到以下错误：
typings ERR! message Attempted to compile "angular-formly" as a depend
浏览 3提问于2016-02-05得票数 9
回答已采纳
1回答
我想在XCode 6和iOS 8中保存我的应用程序的状态。然而，我可以找到的所有信息都引用故事板和恢复标识符，但我不使用情节提要。
我相信我能理解所有这些--这不是一件大事:我似乎找不到Xcode 6中视图控制器恢复ID的字段。我已经找到了用于视图的字段，但是每个教程都清楚地表明，我必须确保标记控制器，而不是视图！
任何帮助都是非常感谢的:)
Thx预先
浏览 5提问于2015-08-24得票数 0
回答已采纳
2回答
请找到我的控制器文件..
(function () {
var app = angular.module('myApp',['formly','formlyBootstrap'])
app.run(function(formlyConfig) {
formlyConfig.setType({
name: 'custom',
templateUrl: 'custom.html'
});
});
app.factory('jsonService',
浏览 0提问于2016-08-10得票数 0
我试图在只使用角度在html表单上按下"Submit“之后，将数据写入json文件，但什么也没有发生。我知道我可以用角读取json文件，但在创建文件时不确定。控制器中的onSubmit()：
function onSubmit() {
$scope.save = function() {
$http.post('./temp/sample_data.json', JSON.stringify($scope.model)).then(function(data) {
$scope.msg = 'Data saved&
浏览 7提问于2015-05-17得票数 34
回答已采纳
1回答
我正在使用For分子创建我的输入页面，并且目前有一个简单的测试页面设置，在这里我可以测试我创建的任何类型或包装器。
目前被定义为，
Html:
<div data-ng-controller="npTestingCtrl as vm" style="height:100%">
<formly-form form="vm.form" model="vm.model" fields="[
{
key: 'things',
type: 'checked
浏览 2提问于2016-04-05得票数 0
1回答
我已经设法使Forcluy中的自定义验证器按照示例中给出的示例工作：
在该示例中，在formly对象中验证ip地址。功能
{
key: 'ip',
type: 'customInput',
validators: {
ipAddress: {
expression: function(viewValue, modelValue) {
var value = modelValue || viewValue;
retur
浏览 0提问于2015-12-22得票数 0
回答已采纳
生成的角度形式字段都包装在以下Divs之一中：<div formly-field ng-repeat="field in fields ">...</div>
我想知道如何在这个div中添加额外的属性？我使用flexbox实现响应，并希望Div呈现为：<div formly-field ng-repeat="field in fields" flex-gt-sm="50" flex-sm="100" flex-xs="100">...</div>
浏览 0提问于2016-08-12得票数 0
我在angular 2中使用formly生成表单，我想将输入日期的form更改为‘YYYY-MM-DD’。我可以吗？
{
className: 'col-4',
type: 'input',
key: 'registerDate',
templateOptions: {
type: 'date',
label: 'Date 1',
}
},
浏览 3提问于2018-01-09得票数 1
我有一个简单的网页形式，其中的数据被存储在数据库中。问题是我尝试将DateTime字段拆分为两个控制器。
-One TextBoxFor日期为YYYY/MM/DD
-One TextBoxFor的小时数
会议纪要的-One TextBoxFor
第一个控制器成功地将日期保存到数据库中，没有时间(小时和分钟)，但另外两个控制器没有将任何内容保存到数据库中。
任何帮助都是非常感谢的。
<div class= "editor-field">
@Html.TextBoxFor(model => model.deliveryDate)
浏览 0提问于2011-02-10得票数 0
2回答
我正在尝试使用Angular-Formly从一组.NET类开始动态构建表单。
我序列化json中的类属性信息并将其返回给Formly，但没有显示任何字段。
我遵循在：中找到的建议，但似乎不适合我。
我的表单代码是：
<form ng-submit="vm.onSubmit()" novalidate>
<formly-form model="vm.model" fields="vm.formFields">
<button type="submit" class="btn b
浏览 2提问于2015-08-28得票数 3
假设一个组件(在angular应用程序中)有几个反应式表单，其中包含日期选择器(我使用的是angular材质库中的mat-datepicker )和其他输入。在用户点击“提交”按钮后，我将表单的值发送给backed (使用HttpClient.post)。问题是datepicker字段被序列化为"2020-11-18T22:00:00.000Z" (显然调用了Date.toJSON()方法)，而后端需要其他格式。 请注意，我使用formly库来构建表单，因为每个表单上的组件集可能会有所不同。您可能不熟悉formly，但是无论如何日期选择器的设置也可能不同，所以我不能直接转换日
浏览 41提问于2020-11-30得票数 2
回答已采纳
我为"Manager“类设置了一个简单的模型/控制器设置(在ASP.NET MVC中)，其中包含关于客户端的信息，包括密码字段。我希望Manager记录的编辑表单只在输入新密码时更新密码字段，而不是有一个单独的控制器/视图来更新密码。(假设是编辑Manager记录的管理员类型用户)。
在下面的代码中，我提取了其他字段的属性以节省空间.
public class Manager
{
public int ManagerID { get; set; }
public string ManagerName { get; set; }
public string Pho
浏览 2提问于2017-10-13得票数 1
回答已采纳
1回答
如何向链接函数注入服务？
、、、
我需要使用链接函数来操作DOM的某些元素，但为此我需要使用服务。在控制器函数中，我知道如何做到这一点，但在链接函数中，我不知道如何实现这一点。
--编辑--让我说得更清楚：
我正在对leaflet使用angular-formly。但在宣传单中，事件必须放在link函数中，如下所示：
link: function($scope) {
$scope.to.marker.on('dragend', function(eventArguments) {
var newPosition = eventArguments.target.getLatLng();
$sco
浏览 0提问于2016-08-02得票数 2
我使用的是angular 1.x应用中的webpack和ES6模块。在webpack.config中，我设置了：
resolve: {
alias: {
'angular': 'angular/angular',
'angularFormly': 'angular-formly/dist/formly',
'apiCheck': 'api-check/dist/api-check',
'formlyAngularTemplatesBootstrap'
浏览 11提问于2018-02-28得票数 2
我用自定义模板创建了两个angularjs格式的自定义字段。
formlyConfig.setType({
name: '
wrapper-init',
template:
'‘})；
formlyConfig.setType({
name: 'wrapper-end',
template: '</div>'
});
我想要的是使用它们包装其他Angularjs在这两个自定义字段之间的正式字段，所以我们可以分组和分离的字段组在视觉上通过包装它们在层中，将与css的外观。
但是Ang
浏览 0提问于2018-11-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
