Question

我在angular js应用程序中有一个要求，我需要动态创建隐藏变量。这些隐藏字段的名称和值属性将来自数据库。而不是将隐藏字段的实际值存储在模型的数据库名称中存储在数据库中。

我已经编写了如下测试函数。 TempVars将来自数据库，但暂时我已经硬编码了几个值。

$rootScope.populate = function () {
    $rootScope.models = {
        MyModel: {}    
    };
    $rootScope.models.MyModel.Client = [];
    $rootScope.models.MyModel.Client.FirstName = 'FName';
    $rootScope.models.MyModel.Client.LastName = 'LName';
    $rootScope.TempVars = [
        {"key":"var-FirstName","value":"{{models.MyModel.Client.FirstName}}"},
        { "key": "var-LastName", "value": "{{models.MyModel.Client.LastName}}" },
    ]
};

以下是我的HTML代码

<input type="hidden" ng-repeat="obj in TempVars" name="{{obj.key}}" value="{{obj.value}}" />
<input type="text" ng-repeat="obj in TempVars" name="{{obj.key}}" value="{{obj.value}}" />
<input type="hidden" name="test" value="{{models.MyModel.Client.FirstName}}" />

我希望隐藏的字段值应该包含FName和LName。但它包含{{models.MyModel.Client.FirstName}}和{{models.MyModel.Client.LastName}}。而名称为test的变量名称中存储了FName值。

是否有可能在angularjs中实现这一目标？

Answer 1

它在angularjs中不会那样工作，但你可以通过自定义指令和使用NGModelController来$格式化和$解析数据。以下是一些链接，您可以从中了解相关信息：

https://egghead.io/lessons/angularjs-using-ngmodel-in-custom-directives http://radify.io/blog/understanding-ngmodelcontroller-by-example-part-1/

动态隐藏字段值，其中模型名称存储在数据库中

1 个答案: