将不同的元素附加到角度 js 中的除法

Question

我是AngularJs.的新手，从后端我得到了这样的数组。

根据"字段类型"，不同类型的元素应该附加到"div"标签上。 请帮助我。

形式.js

angular.module('forms', [])
.controller('formCtrl', ["$http","$scope",
        function($http,$scope) {
        $scope.baseUrl= "http://localhost:3000";
        $scope.formName = "";
        $scope.formDescription = "";
        $scope.elements = [{
        "filedType" : "text",
        "displayName" : "Name",
        "hintText" : "Enter your name"
    },
     {
        "fieldType" : "radio",
        "displayName" : "Gender",
        "valueList" : ["Male","Femal"]
    }
    ]
}]);

形式.html

<div id="form">
  <p ng-repeat=" element in elements">
    <p ng-if="element.fieldType=='text' "> Textbox </p>
</p>
</div>

Answer 1

在 html 中使用以下代码

 <p ng-repeat=" element in elements">
    <p ng-if="element.fieldType='radioGroup'">
    radioGroup
    </p>
    <p ng-if="element.fieldType='textBox'">
    textBox
    </p>
</p>

并仅定义这样的元素

$scope.elements = [{
        "filedType" : "textBox",
        "displayName" : "Name",
        "hintText" : "Enter your name"
    },
     {
        "fieldType" : "radioGroup",
        "displayName" : "Gender",
        "valueList" : ["Male","Femal"]
    }
    ];