angularjs - 在Angularjs中进行下拉输入

Question

我们有一个不再属于我们团队的人开发的表格。在表单中，用户可以选择一个下拉字段来对正在提交的“问题”进行分类。最初开发时，我们不需要将数据输入到该字段中。我们现在要在提交前进行所需的选择。我实际上对 angularjs 一无所知，所以我想要一些关于如何修改现有代码块以进行所需选择的帮助。任何帮助或指示将不胜感激。

<div class="form-group">
    <div class="dropdown">
        <button class="btn-dropdown btn-primary btn-block dropdown-toggle" 
                      data-toggle="dropdown" 
                      aria-expanded="false" 
                      type="button">{{c.data.issueType}} <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
          <li role="presentation" ng-click="c.data.issueType = 'Issue Category A'"><a>Issue Category A</a></li>
          <li role="presentation" ng-click="c.data.issueType = 'Issue Category B'"><a>Issue Category B</a></li>
          <li role="presentation" ng-click="c.data.issueType = 'Issue Category C'"><a>Issue Category C</a></li>
         </ul>
     </div>
 </div>

标签： angularjs

Answer 1

似乎是实现选择的奇怪尝试。按钮标签不支持 required 属性。我认为以下是您想要的一个非常简单的示例：'

var app = angular.module('myApp', []);

app.controller('myController', function() {
  this.data = {
    issueType: 'Issue Category B'
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div class="form-group" ng-controller="myController as c">
    <div>
      <select ng-model="c.data.issueType" required>
        <option value="">Select an Issue Category</option>
        <option value="Issue Category A">Issue Category A</option>
        <option value="Issue Category B">Issue Category B</option>
        <option value="Issue Category C">Issue Category C</option>
      </select>
    </div>
    <span ng-if="!c.data.issueType">Required</span>
  </div>