angularjs - 使用 angular-formly 编辑数组元素

Question

我正在使用 angular-formly 创建输入屏幕，只要每个 VALUE 都有一个 KEY，一切都很好。

但我有一种情况，其中值是一个包含数组的对象。这是一个行业标准，所以我不能改变字段结构。

父键是GEOCODE，它的值是COORDINATES(这是一个包含2个元素的数组)

我想编辑这 2 个元素(经度和纬度)。这是可行的还是确实需要一个 KEY:VALUE 来创建和输入，这将允许编辑这些值。

/* -- 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"
   }
}**    

Answer 1

您无需为它命名一些疯狂的东西就可以获得该值。它应该按照您的方式工作，但我的意思是，天哪，那太丑了。

只需将默认值设置为地理位置的值....

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

或者在上面添加一个 Controller 来获取它

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

然后您可以简单地使用 CoordinateX 或您想要命名的任何其他名称。