Как создать угловой список формы контрольного списка флажков?

Question

Как создать угловой список формы контрольного списка флажков?

0

Не совсем уверен, как получить этот список для рендеринга. Я пытаюсь создать форму флажков, созданных из пользовательских объектов.

Это мой первый раз, используя angular-schema-form но мне не повезло.

Вот мой плукер.

var app = angular.module('plunker', ['ngSanitize', 'schemaForm']);

app.controller('MainCtrl', function($scope) {
  $scope.schema = {
    "type": "object",
    "title": "Comment",
    "properties": {
      "comment": {
        "type": "checkboxes"
      }
    },
    "required": [
      "comment"
    ]
  };

  $scope.form = [
    {
      key: "comment",
      type: "checklist",
      titleMap: [{value: "1", name: "First"}]
    }
  ];

  $scope.model = {
    "name": "Jon Snow"
  };
});

Tyler Jones 04 авг. 2016, в 14:04

Источник

Теги:

javascript

angularjs

angular-schema-form

1 ответ

Ещё вопросы

Alex M · Accepted Answer · 2016-08-04T09-56-00.000Z

Там нет checkboxes типа поля. Но есть два способа определить несколько флажков:

Использование типа boolean поля
Использование типа поля array путем указания массива items.

Я обновил ваш код:

$scope.schema = {
  "type": "object",
  "title": "Comment",
  "properties": {
    "comment": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "first": {
            "type": "boolean",
            "title": "First Checkbox"
          },
          "second": {
            "type": "boolean",
            "title": "Second Checkbox"
          },
          "third": {
            "type":"boolean",
            "title": "Third Checkbox"
          }
        }
      }
    },
    "comment2": {
      "type": "boolean",
      "title": "Standalone Checkbox"
    }
  }
};

$scope.form = [
  "*",
  {
    type: "submit",
    title: "Save"
  }
];

$scope.model = {};

Чтобы установить флажки по умолчанию, вы можете использовать соответствующие имена свойств следующим образом:

$scope.model = {
  comment2: true,
  comment: [{
    second: true
  }]
};

Для получения дополнительной информации, пожалуйста, посмотрите на плункер.

поэтому мы не можем использовать их? определенные типы?
github.com/json-schema-form/angular-schema-form/blob/master/...
@TylerJones Как я уже сказал в ответе, вы должны использовать boolean тип поля для создания флажка. Пожалуйста, посмотрите, как именно я определил схему выше. Столбец типа формы в документах, которые вы упомянули, просто описывает логический тип компонента, а не тип системы, используемый в angular-schema-from .
@TylerJones Другими словами, я не говорил, что невозможно создать флажок, но вы должны использовать boolean тип поля вместо checkboxes .
@TylerJones Пожалуйста, посмотрите на первый столбец в таблице из документов.
хорошо, спасибо, позвольте мне проверить это