模型名稱存儲在數據庫中的動態隱藏字段值

Question

我在需要動態創建隱藏變量的角度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來$ format和$解析數據。 這裏有一些鏈接，你可以得到有關的想法：

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