【问题标题】:Using select in Angular in the modal window在模态窗口中使用 Angular 中的选择
【发布时间】:2018-07-06 22:35:08
【问题描述】:

问题是这个选择在其中不起作用。应该选择哪位通讯员。

但是,在模式窗口之外,此选择工作正常。

有什么问题?

模态窗口:

<script type="text/ng-template" id="createDocTemplate.html">
<div class="modal-header">
    <h4 class="modal-title">{{modalInstance.title}}</h4>
</div>
<form name="createDocForm">
    <div class="modal-body">
        <div class="form-group" ng-class="{'has-error':createDocForm.docNumber.$invalid}">
            <label for="docNumber" class="control-label">№ DOC</label>
            <input type="text" required
                   ng-model="modalInstance.form.docNumber" class="form-control" id="docNumber" name="docNumber">
        </div>
        <div class="form-group" ng-class="{'has-error':createDocForm.docDate.$invalid}">
            <label for="docDate" class="control-label">Date</label>
            <input type="text" required
                   ng-model="modalInstance.form.docDate" class="form-control" id="docDate" name="docDate">
        </div>
        <div class="form-group" ng-class="{'has-error':createDocForm.correspondent.$invalid}">
            <label for="correspondent" class="control-label">Correspondent</label>

            <select ng-model="modalInstance.form.correspondent" class="form-control" id="correspondent" name="correspondent">
                    <option ng-repeat="user in demoApp.users">{{user.secondName}} {{user.firstName}} {{user.middleName}}</option>
                    <option>lol</option>

            </select>

        <div ng-show="modalInstance.formError" class="form-group">
            <div class="alert alert-danger" role="alert">
                <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                <span class="sr-only">Error</span>
                Fill in required fields

            </div>
        </div>
    </div>

</form>

【问题讨论】:

  • 不工作是什么意思?您面临的问题是什么?
  • 显示一个空选择。不,数据 {{user.secondName}} {{user.firstName}} {{user.middleName}}

标签: html angularjs select bootstrap-modal


【解决方案1】:

检查 demoApp.users 是否存在于 modal 中。

【讨论】:

  • 哦,真的)非常感谢)))
  • @АлександрПерепечаев 如果您将我的回答标记为正确,我将不胜感激:) 俄语:я буду благодарен если Вы отметите мой ответ как правильный)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-06
  • 1970-01-01
  • 1970-01-01
  • 2013-12-03
  • 1970-01-01
相关资源
最近更新 更多