Question

我使用this plugin使用angularJS引导我的下拉列表。我遇到的问题是他们想要的代码看起来像

<ol class="nya-bs-select" ng-model="City" name="city" required>

                <li nya-bs-option="city in subCities ">

                    <a>{{ city.name }}</a>
                </li>
            </ol>

然后生成类似

的内容

    <ol ng-model="City" class="nya-bs-select ng-pristine ng-untouched btn-group ng-invalid ng-invalid-required">               
      <button type="button" class="btn btn-default dropdown-toggle"><span class="pull-left filter-option">- Select -</span>&nbsp;<span class="caret"></span></button>
      <div class="dropdown-menu open">
          <ul class="dropdown-menu inner">
            <li><a>- Select -</a></li>
            <li nya-bs-option="city in subCities" class="ng-scope nya-bs-option">
                        <a tabindex="0" class="ng-binding">CityName</a>
            </li>
          </ul>
      </div>
</ol>

正如你所看到的，它增加了一个＆＃34;按钮＆＃34; element为<ol>的孩子。我怎样才能听＃34;对于＆＃34; nyaBsSelect＆＃34;指令，以便在创建<button>元素时，我想添加ng-disabled指令作为按钮的属性？

Answer 1

您可以在与nya-bs-select相同的元素中添加一个指令。该指令可以找到按钮并添加属性。但是，由于您要添加指令作为属性，因此在添加属性后可能必须执行$ compile of button。您可以修改优先级，以便在plugin指令之后执行指令。我没有看过这个插件。我想你也可以修改插件来添加一个属性，并禁用ng来按钮并绑定它们。

在尚不存在的元素上动态添加指令

1 个答案: