Javascript My AngularJs代码运行不正常获取此错误-TypeError:无法读取未定义的属性“”_Javascript_Angularjs

Javascript My AngularJs代码运行不正常获取此错误-TypeError:无法读取未定义的属性“”

javascript angularjs

Javascript My AngularJs代码运行不正常获取此错误-TypeError:无法读取未定义的属性“”,javascript,angularjs,Javascript,Angularjs,我需要的输出是。。。。当我试图运行代码时，它工作不正常，当我使用for循环以html格式打印结果时，它工作正常，当我试图将代码概念更改为angularjs时，我无法调用它所说的值obj，Object not defined，并出现多个错误我正在分享我的代码 HTML: var app=角模输入，[]；应用程序过滤器“不安全”，功能$sce{ 返回$sce.trustAsHtml； }; app.controllerminctrl，函数$scope，$sce{ $scope.componen

我需要的输出是。。。。当我试图运行代码时，它工作不正常，当我使用for循环以html格式打印结果时，它工作正常，当我试图将代码概念更改为angularjs时，我无法调用它所说的值obj，Object not defined，并出现多个错误

我正在分享我的代码

HTML:

var app=角模输入，[]；应用程序过滤器“不安全”，功能$sce{ 返回$sce.trustAsHtml； }; app.controllerminctrl，函数$scope，$sce{ $scope.components=[{ “姓名”：{ “fname”：“{占位符：名字，描述：输入用户名，值：abc，类型：text}”， “lname”：“{占位符：第二个名称，描述：输入用户的姓氏，值：ddd，类型：text}” }, “密码”：“{占位符：密码，说明：输入密码，值：，类型：密码}”， “昏暗”：{ “dim2”：{ “dim3”：“{占位符：示例，描述：输入示例文本，值：ssds}” } }, “ary”：{ “ar10”：{ “ary2”：{ “ary3”：“{占位符：示例，描述：输入示例文本，值：acb}” } }, “ary11”： } }]; var结果=； $scope.mylogic=functionobj，源代码{ 如果源的类型[obj]=“字符串”{ var-val=[]；如果源[obj]！={ val=JSON.parsesource[obj]； var res=obj+“注释*”+val.description+”；返回res； }否则{ var res=obj+“”；返回res； } }else{//console.log组件[obj]； var subObj=源[obj]； var res=；对于子对象中的项{ //console.logitem'-'，subObj； res+=obj+'>'+$scope.mylogicitem，subbj； } 返回res； } } } 希鲁

请清理代码删除注释行并发布堆栈跟踪。@JK_Jha：当我只打印组件时，它会打印json数组。。但是当我打印{{mylogiccomponents}}使用ng重复它不起作用..如果你can@AustinKootz：-当我用纯javascript编写同一个程序时，我发布了输出。我被困在这里了。你缺少调用函数mylogic的一个参数源。@Pengyy:-我无法修复，你能纠正我怎么做吗..我尝试了{{mylogiccomponent，source}。仍在获取错误[ie；TypeError:无法读取未定义的属性“[object Array]”---在ChildScope.$scope.mylogic script.js:33]：-我需要一个不使用2个ng重复的打印方法…我想用一个ng重复打印它，如果应该通过调用{mylogic}ex:-ng repeat components in components并调用{{mylogiccomponent}:-你能帮我用上面提到的方法做吗？@DeepakVijay如果你想重复一次ng，那么删除[]从$scope.components开始并执行此操作-非常感谢您的帮助..您解决了我的头痛..我在过去3天一直在跟踪此操作：…您能帮我做其他事情吗？我将与您共享我的代码笔。我只想将其转换为angular JS

<!DOCTYPE html>
<html ng-app="inputs">

  <head>
    <script data-require="angular.js@1.4.1" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainCtrl">

<div id="result" style="width:600px; text-transform: capitalize;" align="right">Heloo</div>

<div ng-repeat="component in components">


{{mylogic(component)}}

</div>

var app = angular.module("inputs",[]);

app.controller("MainCtrl",function($scope){

$scope.components=[{
  'name':{
    'fname':'{"placeholder":"First Name","description":"Enter First Name of the user","value":"abc","type":"text"}',
    'lname':'{"placeholder":"Second Name","description":"Enter Last Name of the user","value":"ddd","type":"text"}'
  },
  'password':'{"placeholder":"Password","description":"Enter password","value":"","type":"password"}',
  'dim':{
    'dim2':{
      'dim3':'{"placeholder":"Sample","description":"Enter sample text","value":"ssds"}'
    }
  },
  'ary':{
    'ar10':{
      'ary2':{
        'ary3':'{"placeholder":"Sample","description":"Enter sample text","value":"acb"}'
      }
    },
    'ary11':''
  }
}];

 var result='';  


 $scope.mylogic=function(obj,source){ 
 /*  console.log(source);*/
  /*console.log(obj,source);
  console.log(typeof source[obj] );*/
   if(typeof source[obj]=='string'){ 
     var val=[];
      if(source[obj]!=""){
    val =JSON.parse(source[obj]);  
      return  obj +' <input type="'+val.type+'" value="'+val.value+'" placeholder="'+val.placeholder+'" type="text" ><br><code>Notes* '+val.description+'</code> <hr>';
     }else{
      return  obj +' <input placeholder="'+obj+'" type="text" > <hr>';
     }
   }else{  // console.log( components[obj] );
     var subObj=source[obj]; var tempObj=[];
      for(item in subObj ){
       // console.log(item,'--',subObj);
       tempObj.push(obj+' > ' +mylogic(item,subObj)  );
      }
     return tempObj;

     /* console.log(tempObj);*/
   }
}

/*for(component in $scope.components){
  result+= mylogic(component,$scope.components);
   console.log('Component',$scope.components[component]);
   console.log(result+= mylogic(component,$scope.components));
   console.log(mylogic);
}
*/
// console.log('Component',$scope.components[component]);
var res=document.getElementById('result');
res.innerHTML=result;
});