Bootstrap 和 angularjs 1.6.9的西门子 Opcenter 风格的 HTML 对话框,对话框里有个下拉菜单和一个富文本框,还有确认按钮和取消按钮

好的，您需要的是一个基于Bootstrap和AngularJS 1.6.9的西门子Opcenter风格的HTML对话框，对话框包含一个下拉菜单、一个富文本框以及确认和取消按钮。

首先，我们需要引入Bootstrap和AngularJS 1.6.9的库文件，可以在头部添加以下代码：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

接下来，我们可以创建一个模态框来实现对话框的功能。模态框可以通过Bootstrap的Modal组件来创建，代码如下：

<div class="modal fade" id="myDialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">对话框标题</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label>下拉菜单：</label>
          <select class="form-control" ng-model="selectedOption" ng-options="option for option in options"></select>
        </div>
        <div class="form-group">
          <label>富文本框：</label>
          <textarea class="form-control" ng-model="richText" ng-bind-html="richText"></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" ng-click="confirm()">确认</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

在模态框中，我们添加了一个下拉菜单和一个富文本框，并且定义了确认和取消按钮。下拉菜单和富文本框的值分别绑定到了$scope对象中的selectedOption和richText属性上。

最后，在控制器中，我们需要定义选项列表、确认和取消方法，代码如下：

angular.module('myApp', []).controller('myCtrl', function($scope) {
  $scope.options = ['选项1', '选项2', '选项3'];
  $scope.selectedOption = $scope.options[0];
  $scope.richText = '';
  
  $scope.confirm = function() {
    // 确认方法
    console.log($scope.selectedOption);
    console.log($scope.richText);
    $('#myDialog').modal('hide');
  };
  
  $scope.cancel = function() {
    // 取消方法
    $('#myDialog').modal('hide');
  };
});

在控制器中，我们定义了选项列表、选中的选项、富文本框的内容，并且定义了确认和取消方法。确认方法中，我们可以将选中的选项和富文本框的内容输出到控制台，并且关闭对话框。

最后，在页面中，我们需要添加一个按钮来打开对话框，代码如下：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myDialog">打开对话框</button>

现在，我们已经完成了基于Bootstrap和AngularJS 1.6.9的西门子Opcenter风格的HTML对话框。完整代码如下：