Получение пустого значения в выпадающем меню в angularjs

Question

Получение пустого значения в выпадающем меню в angularjs

0

Почему я получаю пустые значения контрольного текста в ng-парике? Я создал файл ресурсов, из которого я пытаюсь загрузить значение в выпадающее меню

<script type="text/ng-template" id="ng-wig/views/ng-wig.html">

<div class="ng-wig">
    <div class="btn-group btn-group-sm wd-wide">
        <button type="button" title="Header" ng-click="execCommand('formatblock', '&lt;h1&gt;')" class="btn btn-sm btn-default"><em class="fa fa-header"></em></button>
        <button type="button" title="Paragraph" ng-click="execCommand('formatblock', '&lt;p&gt;')" class="btn btn-sm btn-default"><em class="fa fa-paragraph"></em></button>
        <button type="button" title="Unordered List" ng-click="execCommand('insertunorderedlist')" class="btn btn-sm btn-default"><em class="fa fa-list-ul"></em></button>
        <button type="button" title="Ordered List" ng-click="execCommand('insertorderedlist')" class="btn btn-sm btn-default"><em class="fa fa-list-ol"></em></button>
        <button type="button" title="Bold" ng-click="execCommand('bold')" class="btn btn-sm btn-default"><em class="fa fa-bold"></em></button>
        <button type="button" title="Italic" ng-click="execCommand('italic')" class="btn btn-sm btn-default"><em class="fa fa-italic"></em></button>
        <button type="button" title="link" ng-click="execCommand('createlink')" class="btn btn-sm btn-default"><em class="fa fa-link"></em></button>
        <button type="button" title="Edit Html" ng-class="{ 'nw-button--active': editMode }" ng-click="toggleEditMode()" class="btn btn-sm btn-default"><em class="fa fa-pencil"></em></button>
        <div class="col-lg-3 pull-right btn-variable btn-var-padding">
            <select class="form-control" ng-model="variable" ng-change="InsertVariable(variable)">
                <option value="">{{controlText.InsertVariable}}</option>
                <optgroup label="Mailbox">
                    <option value="{%mailbox.email%}">{{controlText.Email}}</option>
                    <option value="{%mailbox.name%}">{{controlText.Name}}</option>
                </optgroup>
                <optgroup label="User">
                    <option value="{%user.fullName%}">{{controlText.FullName}}</option>
                    <option value="{%user.firstName%}">{{controlText.FirstName}}</option>
                    <option value="{%user.lastName%}">{{controlText.LastName}}</option>
                    <option value="{%user.email%}">{{controlText.EmailAddress}}</option>
                    <option value="{%user.phone%}">{{controlText.PhoneNumber}}</option>
                    <option value="{%user.jobTitle%}">{{controlText.JobTitle}}</option>
                </optgroup>
            </select>
        </div>
</div>

Mihir 06 июль 2015, в 13:08

Источник

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

Shb · Answer 1 · 2015-07-06T08-33-00.000Z

ControlText выходит за пределы области scope потому что вы используете шаблон, поэтому вам нужно добавить $parent перед controlText как controlText ниже:

<script type="text/ng-template" id="ng-wig/views/ng-wig.html">
<div class="ng-wig">
    <div class="btn-group btn-group-sm wd-wide">
        <button type="button" title="Header" ng-click="execCommand('formatblock', '&lt;h1&gt;')" class="btn btn-sm btn-default"><em class="fa fa-header"></em></button>
        <button type="button" title="Paragraph" ng-click="execCommand('formatblock', '&lt;p&gt;')" class="btn btn-sm btn-default"><em class="fa fa-paragraph"></em></button>
        <button type="button" title="Unordered List" ng-click="execCommand('insertunorderedlist')" class="btn btn-sm btn-default"><em class="fa fa-list-ul"></em></button>
        <button type="button" title="Ordered List" ng-click="execCommand('insertorderedlist')" class="btn btn-sm btn-default"><em class="fa fa-list-ol"></em></button>
        <button type="button" title="Bold" ng-click="execCommand('bold')" class="btn btn-sm btn-default"><em class="fa fa-bold"></em></button>
        <button type="button" title="Italic" ng-click="execCommand('italic')" class="btn btn-sm btn-default"><em class="fa fa-italic"></em></button>
        <button type="button" title="link" ng-click="execCommand('createlink')" class="btn btn-sm btn-default"><em class="fa fa-link"></em></button>
        <button type="button" title="Edit Html" ng-class="{ 'nw-button--active': editMode }" ng-click="toggleEditMode()" class="btn btn-sm btn-default"><em class="fa fa-pencil"></em></button>
        <div class="col-lg-3 pull-right btn-variable btn-var-padding">
            <select class="form-control" ng-model="variable" ng-change="InsertVariable(variable)">
                <option value="">{{$parent.controlText.InsertVariable}}</option>
                <optgroup label="Mailbox">
                    <option value="{%mailbox.email%}">{{$parent.controlText.Email}}</option>
                    <option value="{%mailbox.name%}">{{$parent.controlText.Name}}</option>
                </optgroup>
                <optgroup label="User">
                    <option value="{%user.fullName%}">{{$parent.controlText.FullName}}</option>
                    <option value="{%user.firstName%}">{{$parent.controlText.FirstName}}</option>
                    <option value="{%user.lastName%}">{{$parent.controlText.LastName}}</option>
                    <option value="{%user.email%}">{{$parent.controlText.EmailAddress}}</option>
                    <option value="{%user.phone%}">{{$parent.controlText.PhoneNumber}}</option>
                    <option value="{%user.jobTitle%}">{{$parent.controlText.JobTitle}}</option>
                </optgroup>
            </select>
        </div>
 </div>