如何在AngularJs中绑定数据库中的Bootstrap Multiselect

时间:2017-04-12 06:39:41

标签: jquery angularjs twitter-bootstrap

我正在AngularJs应用程序中实现Bootstrap Multiselect控件。我参考以下链接

https://github.com/davidstutz/bootstrap-multiselect

http://davidstutz.github.io/bootstrap-multiselect/

Multiselect控件适用于静态选项,但我想从数据库填充相同内容。我找不到合适的方法?

<script type="text/javascript">
    $(document).ready(function() {
                $('#multi-select-demo').multiselect({
                        includeSelectAllOption: true
                 });
    });

<select id="multi-select-demo" class="form-control" multiple
        ng-model="vm.ddlBuilding" ng-options="building as building.name for building in vm.arrBuildings track by building.srNo">
</select>

如果我评论脚本标签,那么所有建筑都绑定到列表,但在这种情况下我无法获得下拉多选列表,页面上会显示简单的多选列表。

请建议如何解决此问题。

1 个答案:

答案 0 :(得分:0)

我们可以使用it('should create inputs based off context in input', done => { const Constructor = Vue.extend(SendEmail) const vm = new Constructor({ propsData: { email: '<p> hello bob {{test}} </p>', template: {}, } }).$mount() vm._watcher.run() Vue.nextTick(()=>{ expect(vm.$el.querySelector('.input-field #test')).to.be.null; done(); }) }) 名称而不是class,它工作正常。

id