如何从AngularJS文件中服务器的Sql数据动态生成DIV？答案

【问题标题】：How to generate DIV dynamically from Sql data from server in AngularJS file?如何从AngularJS文件中服务器的Sql数据动态生成DIV？
【发布时间】：2018-04-05 07:10:59
【问题描述】：

我必须根据来自 mssql 服务器的数据在以下区域添加元素：

    <div id="ApplicationForm" class="tabcontent" style="display:none;">
                            <div class="tab_section">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-12" style="font-size:16px;">Application Form</div>
                                        <div class="col-lg-12">
                                            <div class="" style="width:100%;border-bottom:1px solid #ddd;padding-top:5px;margin-bottom:10px;"></div>
                                        </div>
                                    </div>
                                    <div ng-bind-html="applnformdata"> //from here on the data should be dynamic 

                                            </div>
                                        </div>
                                        </div>
                                   </div>
                            </div>
                      </div>

（对不起，如果我留下了任何结束 div 标记）。

点击一个按钮，我在 angularJs 中调用一个函数

  $scope.dynamicdata=function(){
      Method.getbyId("xxxxxxxxxxxx", Id).then(function (response) {
                var newEle = '';
                for ( i = 0; i < response.data.length;i++){

                    newEle += "<div class='form-group col-lg-6'>< label class='form_lable' >" + response.data[i].fieldName + "</label ><div class='m_settings_cell'><input type='checkbox' class='m_switch_check' value='1' entity='Test 1'></div></div>";  //when I try to do this it doesnot loads the <label> tag at all



                }
                $scope.applnformdata = newEle;
            }).catch(function (data) {
                console.log("access not allowed");
            });
    }

我有一些来自 mssql 的条目，它们具有“标签名称”和复选框值。如何使这部分动态生成？比如如果输入 10 则显示 10 个数据，如果输入 5 则显示 5 等等？请帮忙。

【问题讨论】：

到目前为止你自己尝试过什么？
我没有尝试过任何东西，因为我无法弄清楚自己要写什么。这对我来说是新的，这就是为什么。我尝试了谷歌，但没有任何合适的。对不起我的英语不好
不幸的是，这不是一个代码编写服务，您需要查看帮助部分以了解什么是好问题。理想情况下，您需要自己尝试一些东西，如果由于您遇到错误和问题而无法正常工作，那么我们可以为您提供帮助。几乎每个问题都不一样，所以我们无法预测您需要什么，这就是我们需要您尝试的原因
@SimonPrice 你能告诉我至少如何在 angularjs 中生成 div 元素吗？
google.co.uk/…

标签： html angularjs

【解决方案1】：

而不是附加“div”并使用默认的 jquery 复选框，而是制作自己的开关并使用它。

<div class="row">
                        <div class="form-group col-lg-6" ng-repeat="x in apform">
                            <div class="col-lg-6">
                                <label class="form_lable">{{x.fieldName}}</label>
                            </div>
                            <div class="col-lg-6" align="right">
                                <label class="switch">
                                    <input id="{{x.id}}" class="switch-input" type="checkbox" ng-model="x.fieldOption" ng-click="check(x.id)" />
                                    <span id="data_{{x.id}}" class="switch-label" data-on="" data-off=""></span>
                                    <span class="switch-handle"></span>
                                </label>
                            </div>

                        </div>
                    </div>

【讨论】：