与角formly编辑数组元素

问题描述 投票:3回答:1

我使用的角formly创建输入屏幕,只要我对每个价值的关键所有的伟大工程。

但是我有一个情况,其中的值是在它的阵列中的对象。这是一个行业标准,所以我不能改变字段结构。

父密钥是地理编码它的值是坐标(这是一个阵列,2种元素)

我想编辑的2个元素(经度和纬度)。这是可行或是否需要formly一个KEY:创造价值和投入,这将使这些值进行编辑。

/* -- JSON DATA -- */       
[ 
  "fullname": "Glen Benson",

  /* this is the objext I am trying to edit coordinates elements */
  **

"geolocation": {
    "coordinates": [
      -94.467136,
      39.090707
    ],
    "type": "Point"
  }

**
] 

/* -- FORMLY CONTROLLER SNIPPET --*/
{
   "key": "fullname",
   "type": "input",
   "templateOptions": {
      "type": "text",
      "placeholder": "fullname"
   }
},

**{ 
   "key": "geocode.coordinates[0]",
   "type": "input",
   "templateOptions": {
      "type": "text",
      "placeholder": "geocode"
   }
}**    
angularjs angular-formly
1个回答
0
投票

你可以得到的价值,而无需将其命名为一些疯狂的事情。它应该工作你如何拥有它,但我的意思是,我的上帝,这是丑陋的。

刚才设置的默认值,以地理位置的价值....

key: 'CoordinateX',
defaultValue: 'model.geocode.geolocation.coordinates[0]'

或者在它添加一个控制器来得到它

key: 'CoordinateX',
controller: function($scope) {
 $scope.model.CoordinateX = $scope.model.geocode.geolocation.coordinates[0];
}

那么你可以简单地使用CoordinateX或其他任何你想要的名字。

© www.soinside.com 2019 - 2024. All rights reserved.