生成了Angular未知标签

Angular unknow tag generated

本文关键字：未知 标签 Angular      更新时间：2023-09-26

我正在用下面的代码做一个选择:

为什么生成这个选项标签?

 <option value="? string:feminino ?"></option>

只在以下情况下发生:

    我从选择中选择一个选项
  1. 我将url更新为性别
  2. 然后刷新。(尝试使用url上的选项自动选择)

html before:

  <select id="gender" ng-model="genderMarked" ng-change="updateGender(genderMarked)" >
                            <option value="">Select a gender</option>
                            <option ng-value="collection.slug" ng-repeat="collection in collectionsGender">{{collection.title}}</option>
                        </select>

Html后:

     <select id="gender" ng-model="genderMarked" ng-change="updateGender(genderMarked)" class="ng-pristine ng-valid ng-touched"><option value="? string:feminino ?"></option>
            <option value="? string:feminino ?"></option>
            <option value="">Select a gender</option>
            <option ng-value="collection.slug" ng-repeat="collection in collectionsGender" class="ng-binding ng-scope" value="masculino">Masculino</option>
           <option ng-value="collection.slug" ng-repeat="collection in collectionsGender" class="ng-binding ng-scope" value="feminino">Feminino</option>
          <option ng-value="collection.slug" ng-repeat="collection in collectionsGender" class="ng-binding ng-scope" value="infantil">Infantil</option>
    </select>

和我得到的性别已经从url标记(如果用户刷新页面)与此代码:

       if($stateParams.genderSlug){
            $scope.genderMarked = $stateParams.genderSlug;
        }else{
            $scope.genderMarked =  '';
        }

我发现ng-options比重复的<option>标签更容易使用。

试试这个

<select id="gender" ng-model="genderMarked" ng-change="updateGender(genderMarked)"
        ng-options="collection.slug as collection.title for collection in collectionsGender">
    <option value="">Select a gender</option>
</select>

相关文章：