Bootstrap-tagsinput with codeigniter

Question

我正在使用Bootstrap Tags Input和codeigniter

我能够在我的控制器上使用此功能获取json数据

if textfield == ""{
 button.isHidden == true -> this is where I get the warning

}

结果是

public function tags() {
    $data = array();

    $query = $this->db->get('category');

    $results = $query->result_array();

    foreach ($results as $result) {
        $data[] = array(
            'category_id' => $result['category_id'],
            'name' => $result['name']
        );
    }

    $this->output
    ->set_content_type('application/json')
    ->set_output(json_encode($data));
}

在Bootstrap标签输入上我试图使用Objects作为标签示例。 https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

但是当我点击我的输入时，json列表不会下拉。

  

问题如何从控制器获取和使用json数据   引导标记输入脚本

[{"category_id":"1","name":"codeigniter"},{"category_id":"2","name":"php"},{"category_id":"3","name":"html"},{"category_id":"4","name":"css"},{"category_id":"5","name":"javascript"}]

我装了头

<input type="text" value="" data-role="tagsinput" id="input-tag">

<script type="text/javascript">
$(document).ready(function() {

var category = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('text'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: "<?php echo base_url('questions/tags');?>"
});
category.initialize();

elt = $('#input-tag');
    elt.tagsinput({
    itemValue: 'category_id',
    itemText: 'name',
    typeaheadjs: {
        name: 'category',
        displayKey: 'text',
        source: category.ttAdapter()
    }
 });
});
</script>