如何使用角度模式表单在控制器中选择一个选项?

时间:2016-10-04 07:23:43

标签: angularjs angular-schema-form

我只想在控制器中使用代码来选择Angular Schema Form中的选项。

我在HTML标记中有以下内容:

<div sf-schema=schema sf-form=form sf-model=formData></div>

现在,我想在控制器中执行此操作:

//controller.js

//This is not working
$scope.formData.select_1 = 4;
$scope.formData.select_2 = 3;

//Schema for the form
$scope.schema = 
    "select_1": {
        "type": "string",
        "enum": ["1", "2", "3", "4", "5", "6"]
    },
    "select_2": {
        "type": "string",
        "enum": ["1", "2", "3", "4", "5", "6"]
    }
$scope.form = //All the form properties here

1 个答案:

答案 0 :(得分:1)

您的代码存在很多问题。

架构错误。

$scope.schema = {
    "type": "object",
    "properties": {
            "select_1": {
                "type": "string",
                "enum": ["1", "2", "3", "4", "5"]
        },
            "select_2": {
                "type": "string",
                "enum": ["1", "2", "3", "4", "5"]
        }
    }
}

您将架构定义为字符串,但您将值设置为int。

$scope.formData.select_1 = "4";
$scope.formData.select_2 = "3";

确保在设置值之前已经定义了模型对象(formData)。

$scope.formData = {};

但是,您可以使用上面的值设置模型。

$scope.formData = {select_1: "4", select_2: "3"};

这是一张带有工作代码的Plunker。

Pluner Example