javascript - 在 AngularJS 中为按钮添加默认值

Question

我有一个按钮，我想把 normal 设置为这个按钮的默认值。我已将 ng-swich-default 更改为 normal，但它不会在下拉列表中捕获来自 normal 的数据。它只显示字母。我怎样才能用 AngularJS 做到这一点？我从来没有像以前那样使用过它。下面的代码:

 <span class="priority-select btn-group" dropdown>
    <button
        type="button"
        class="btn btn-default dropdown-toggle"
        dropdown-toggle>
        <img
            ng-if="form.priority === undefined"
            src="images/task_approval/priority/priority-create.png"
            alt="priority"/>
        <img
            ng-if="form.priority !== undefined"
            ng-src="images/task_approval/priority/{{form.priority}}.png"
            alt="priority"/>
        <span ng-switch="form.priority">
            <span
                ng-switch-when="high"
                class="btn-text"
                translate>High
            </span>
            <span
                ng-switch-when="normal"
                class="btn-text"
                translate>Normal
            </span>
            <span
                ng-switch-when="low"
                class="btn-text"
                translate>Low
            </span>
            <span
                ng-switch-default
                class="btn-text"
                translate>Priority
            </span>
        </span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li>
            <a ng-click="set_priority('high')">
                <img src="images/task_approval/priority/high.png" alt="high"/>
                <span translate>High</span>
            </a>
        </li>
        <li>
            <a ng-click="set_priority('normal')">
                <img src="images/task_approval/priority/normal.png" alt="normal"/>
                <span translate>Normal</span>
            </a>
        </li>
        <li>
            <a ng-click="set_priority('low')">
                <img src="images/task_approval/priority/low.png" alt="low"/>
                <span translate>Low</span>
            </a>
        </li>
    </ul>
</span>

Answer 1

您必须声明 set_priority() 函数并使用您的参数更改 form.priority 值。

或

您可以在“a”标签中的 ng-click 内部进行更改。 是这样的: ng-click="formPriority='high'"

然后

ng-switch="formPriority"

<span class="priority-select btn-group" dropdown>
    <button ng-init='formPriority="normal"'
        type="button"
        class="btn btn-default dropdown-toggle"
        dropdown-toggle>
        <img
            ng-if="formPriority == undefined"
            src="images/task_approval/priority/priority-create.png"
            alt="priority"/>
        <img
            ng-if="formPriority != undefined"
            ng-src="images/task_approval/priority/{{formPriority}}.png"
            alt="priority"/>
        <span ng-switch="formPriority">
            <span
                ng-switch-when="high"
                class="btn-text"
                translate>High
            </span>
            <span
                ng-switch-when="normal"
                class="btn-text"
                translate>Normal
            </span>
            <span
                ng-switch-when="low"
                class="btn-text"
                translate>Low
            </span>
            <span
                ng-switch-default
                class="btn-text"
                translate>Priority
            </span>
        </span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li>
            <a ng-click='formPriority="high"'>
                <img src="images/task_approval/priority/high.png" alt="high"/>
                <span translate>High</span>
            </a>
        </li>
        <li>
            <a ng-click='formPriority="normal"'>
                <img src="images/task_approval/priority/normal.png" alt="normal"/>
                <span translate>Normal</span>
            </a>
        </li>
        <li>
            <a ng-click='formPriority="low"'>
                <img src="images/task_approval/priority/low.png" alt="low"/>
                <span translate>Low</span>
            </a>
        </li>
    </ul>
</span>