Question

我使用angularjs。我的HTML要在渲染后发表评论。为什么？渲染代码之前：

<select data-ng-model="selectedDate"> <option data-ng-repeat="date in OldRecords" value="{{}}">{{date}}</option> </select>

渲染后：

<section>

    <select data-ng-model="selectedDate" class="ng-pristine ng-valid">
        <!-- ngRepeat: date in OldRecords -->
    </select>

</section>

Answer 1

在这种情况下使用ng-options更好，

只显示一条评论，因为$ scope.OldRecords不存在或为空。

Answer 2

这是由ngRepeat执行元素转换的结果。我认为它不会影响您的任何代码或逻辑。这些答案也会有所帮助，他们也会说同样的事情

Remove helper HTML comments in Angular JS?

AngularJS leaves comments in HTML: is it possible to remove them?

Answer 3

我尝试了相同的代码，它对我来说很好。以下是jsfiddle的链接。您收到此评论的原因是您的列表无法与选项绑定。 oldrecords无法与html绑定。这是你得到这个评论的唯一原因。

应用

angular.module('app', []).
controller('controller1', function($scope){
    $scope.OldRecords = ["banana", "apple", "peach"];
});

HTML：

<section ng-app="app" ng-controller="controller1">
    {{dummy}}
<select data-ng-model="selectedDate">
    <option data-ng-repeat="date in OldRecords" value="{{}}">{{date}}   </option>
</select>
</section>

Answer 4

<select data-ng-model="selectedDate">
   <option data-ng-repeat="date in OldRecords" value="{{}}">{{date}}</option>
</select>

此处OldRecords是一个空对象。因此，Angular会对其进行评论

为什么我的角度代码会变成评论？

4 个答案: