基本选择Ng模型Angularjs

时间:2018-06-25 09:11:15

标签: html angularjs

我想通过选择来做一个非常简单的ng-model并将数据保存到ticket.category,但是<p>里面没有任何输出

选项显示在选择项上,但所选选项未显示在段落中

我在做什么错了?

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<select id="category-select" name="category">
  <option ng-repeat="category in categories" 
          value="{{category.TICKET_CATEGORY_DESCRIPTION}}" 
          ng-model="ticket.category" required>
    {{category.TICKET_CATEGORY_DESCRIPTION}}
  </option>
</select>
<p>Hi {{ticket.category}}</p>

1 个答案:

答案 0 :(得分:0)

您应该放置ng-model选择元素

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<select id="category-select" name="category" ng-model="category">
  <option ng-repeat="category in categories" value="{{category.TICKET_CATEGORY_DESCRIPTION}}" required ng-selected="$index=0">
    {{category.TICKET_CATEGORY_DESCRIPTION}}
  </option>
</select>
<p>Hi {{ticket.category}}</p>