json对象的指令中的angularjs动态模型

json对象的指令中的angularjs动态模型,angularjs,json,directive,angular-ngmodel,Angularjs,Json,Directive,Angular Ngmodel,我有一个对象的json文件,用于存储要在指令中使用的属性。 我想在指令中使用json obj模型值,但我所尝试的一切都不起作用 有人知道我做错了什么/错过了什么吗?我觉得这很令人困惑。 希望有人能帮助尝试这几天了 编辑:: 我有一个$http服务,它获取并返回Json对象,我可以很好地访问属性 我特别尝试使用json obj模型属性--“model”:“ticketData.contactname”的值作为ng模型的动态值 如果我只使用ticketData.contactname对象,那么它工

我有一个对象的json文件,用于存储要在指令中使用的属性。 我想在指令中使用json obj模型值,但我所尝试的一切都不起作用

有人知道我做错了什么/错过了什么吗?我觉得这很令人困惑。 希望有人能帮助尝试这几天了


编辑:: 我有一个$http服务,它获取并返回Json对象,我可以很好地访问属性

我特别尝试使用json obj模型属性--“model”:“ticketData.contactname”的值作为ng模型的动态值

如果我只使用ticketData.contactname对象,那么它工作正常,我可以编辑模型值,但是如果我尝试使用Json对象中的字符串,那么它只会将字符串打印到输入框中

我不知道该怎么办。我确信这是我所缺少的一些基本的东西


提前谢谢

Json示例:

[
    {
        "inputsContact" : [
            { 
                "labelName" : "Contact Name",
                "placeholder" : "Enter your name",
                "model" : "ticketData.contactname",
                "type" : "text"
            }
    }
]
Html示例:

<text-input-comp inputdata="contactName" ng-model="contactModel">    </text-input-comp>
指令模板示例:

<label> {{ inputData.labelName }} </label> 
<input type="text" ng-model="modelData" ng-model-options="{ getterSetter: true }" placeholder="{{ inputData.placeholder }}"  /> 
<div ></div>

我想你需要先得到json文件,然后再做所有的制作

看看这个代码


  • {{x.Name+','+x.Country}
var-app=angular.module('myApp',[]); app.controller('customersCtrl',函数($scope,$http){ $http.get(“customers.json”)。然后(函数(响应){ $scope.myData=response.data.records; }); });
Hi@Prateek,谢谢您的关注。我已经有了这方面的服务,只是不认为这是有用的补充问题。这就是我在控制器中所拥有的:/::准备数据以创建输入$scope.inputData=[];getInputs(函数(响应){$scope.inputData=response.data;})//在Services.factory('BuildInputService',['$http',function($http){return{getInputs:function(callback){$http.get('app/data/input creation data.json')。然后(function(response){callback(response);};};};};}])
<label> {{ inputData.labelName }} </label> 
<input type="text" ng-model="modelData" ng-model-options="{ getterSetter: true }" placeholder="{{ inputData.placeholder }}"  /> 
<div ></div>
$scope.contactName = $scope.inputData[0].inputsContact[0];
$scope.contactModel = $scope.inputData[0].inputsContact[0].model;