json对象的指令中的angularjs动态模型
我有一个对象的json文件,用于存储要在指令中使用的属性。 我想在指令中使用json obj模型值,但我所尝试的一切都不起作用 有人知道我做错了什么/错过了什么吗?我觉得这很令人困惑。 希望有人能帮助尝试这几天了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对象,那么它工
编辑:: 我有一个$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;