Html jQuery选择Select not filtering my data on table with angularjs ng model

我必须对我正在工作的网页进行一些更改，在此之前，我有一个输入文本字段来过滤表上的结果，这是代码：

  <p><input type="text" class="form-control"  ng-model="search" placeholder="Search..."></p> 

表的代码是：

<tr ng-repeat="data in someFile| filter:search | orderBy:'name'">
     <td>{{data.state + ', ' + data.city}}</td>
     <td> more data goes here etc...</td>
</tr>

{{data.state+'，'+data.city}
这里有更多的数据等等。。。

这很好，但是现在我需要更改jqueryselectedselect的输入文本字段，以便通过多个过滤器获得不同的信息

我尝试的代码是：

 <select   data-placeholder="Search..." multiple class="control-group chosen-select" chosen id='sl_edo'  style="width:200px;">
            <optgroup   ng-repeat="data in someFile[0].state | orderBy:'name'" label={{data.name}}>
                <option  value=""> </option>
                <option  ng-model="search" ng-repeat="city in data.city | orderBy:'name'">
                                  {{city.name}}</option>
            </optgroup>
  </select> 

{{city.name}

我知道ng模型代码应该放在htmlselect标记中，如下所示：

<select  ng-model="search" data-placeholder="Search..."  etc..

您缺少的是您希望搜索模型中的内容<代码>搜索

本身是键值的对象

<tr ng-repeat="data in someFile | filter:search.XXXX | orderBy:'name'">

其中XXXX是您试图搜索的对象的属性名称。无论它是

search.Guid

/

search.Name

还是您所拥有的任何内容。

您缺少的是您希望它在搜索模型中所依据的内容<代码>搜索本身是键值的对象

<tr ng-repeat="data in someFile | filter:search.XXXX | orderBy:'name'">

其中XXXX是您试图搜索的对象的属性名称。无论它是

search.Guid

/

search.Name

还是您所拥有的任何内容。

您缺少的是您希望它在搜索模型中所依据的内容<代码>搜索本身是键值的对象

<tr ng-repeat="data in someFile | filter:search.XXXX | orderBy:'name'">

其中XXXX是您试图搜索的对象的属性名称。无论它是

search.Guid

/

search.Name

还是您所拥有的任何内容。

您缺少的是您希望它在搜索模型中所依据的内容<代码>搜索本身是键值的对象

<tr ng-repeat="data in someFile | filter:search.XXXX | orderBy:'name'">

---

其中XXXX是您试图搜索的对象的属性名称。无论它是

search.Guid

/

search.Name

还是你的任何东西。

请原谅，如果这与你的想法不同，但我写了一个简单的例子。我想这也涵盖了你的目标。驱动已指定给选项标记的值

            <p><select data-ng-model="search"  >
            <option value="NY">New York</option>
            <option value="NV">New Vegas</option>
            <option value="AL">Alabama</option>
            </select>
            </p>

            <table>
            <tr ng-repeat="data in someFile| filter:search | orderBy:'name'" style="border: 1px solid black;" >
            <td>{{data.number}}</td>
             <td>{{data.state + ', ' + data.city}}</td>
             <td> more data goes here etc...</td>
            </tr>
            <table>

纽约
新维加斯
阿拉巴马州

{{data.number}
{{data.state+'，'+data.city}
这里有更多的数据等等。。。

请原谅，如果这与您的想法不同，那么我写了一个简单的例子。我想这也涵盖了你的目标。驱动已指定给选项标记的值

            <p><select data-ng-model="search"  >
            <option value="NY">New York</option>
            <option value="NV">New Vegas</option>
            <option value="AL">Alabama</option>
            </select>
            </p>

            <table>
            <tr ng-repeat="data in someFile| filter:search | orderBy:'name'" style="border: 1px solid black;" >
            <td>{{data.number}}</td>
             <td>{{data.state + ', ' + data.city}}</td>
             <td> more data goes here etc...</td>
            </tr>
            <table>

纽约
新维加斯
阿拉巴马州

{{data.number}
{{data.state+'，'+data.city}
这里有更多的数据等等。。。

请原谅，如果这与您的想法不同，那么我写了一个简单的例子。我想这也涵盖了你的目标。驱动已指定给选项标记的值

            <p><select data-ng-model="search"  >
            <option value="NY">New York</option>
            <option value="NV">New Vegas</option>
            <option value="AL">Alabama</option>
            </select>
            </p>

            <table>
            <tr ng-repeat="data in someFile| filter:search | orderBy:'name'" style="border: 1px solid black;" >
            <td>{{data.number}}</td>
             <td>{{data.state + ', ' + data.city}}</td>
             <td> more data goes here etc...</td>
            </tr>
            <table>

纽约
新维加斯
阿拉巴马州

{{data.number}
{{data.state+'，'+data.city}
这里有更多的数据等等。。。

请原谅，如果这与您的想法不同，那么我写了一个简单的例子。我想这也涵盖了你的目标。驱动已指定给选项标记的值

            <p><select data-ng-model="search"  >
            <option value="NY">New York</option>
            <option value="NV">New Vegas</option>
            <option value="AL">Alabama</option>
            </select>
            </p>

            <table>
            <tr ng-repeat="data in someFile| filter:search | orderBy:'name'" style="border: 1px solid black;" >
            <td>{{data.number}}</td>
             <td>{{data.state + ', ' + data.city}}</td>
             <td> more data goes here etc...</td>
            </tr>
            <table>

纽约
新维加斯
阿拉巴马州

{{data.number}
{{data.state+'，'+data.city}
这里有更多的数据等等。。。

是的，当我在网页上打印ng模型值时，这种方法会起作用，我会得到类似这样的东西[“\n\t\t\t\t\t\t\t\t sometcity1”，“\n\t\t\t\t\t sometcity2”]，所以在工作方式上，它会起作用，但出于某种原因，当我尝试在筛选器中输入属性名称时，它不会打印任何内容，也不会筛选表。是的，当我在网页上打印ng模型值时，我会得到类似这样的东西[“\n\t\t\t\t\t\t\t\t sometcity1”，“\n\t\t\t\t\t\t sometcity2]”，所以在工作方式上是这样的，但出于某种原因，当我尝试在筛选器中输入属性名称时，它不会打印任何内容，也不会筛选表。是的，当我在网页上打印ng模型值时，我会得到类似这样的东西[“\n\t\t\t\t\t\t\t\t sometcity1”，“\n\t\t\t\t\t\t sometcity2]”，所以在工作方式上是这样的，但出于某种原因，当我尝试在筛选器中输入属性名称时，它不会打印任何内容，也不会筛选表。是的，当我在网页上打印ng模型值时，我会得到这样的结果[“\n\t\t\t\t\t\t\t\t\t sometcity1”、“\n\t\t\t\t\t\t sometcity2”]，所以在工作方式上是这样的，但出于某种原因，当我尝试在过滤器中输入属性的名称时，它不打印任何内容，也不过滤表。这更接近于解决方案，但正如我前面提到的，当我现在打印ng模型显示值时，像这样[“someCity1”，“someCity2”]，至少比这个[“\n\t\t\t\t\t\t\t someCity1”，“\n\t\t\t\t\t\t\t someCity2”]好得多，这更接近于解决方案，但正如我之前提到的，当我现在像这样打印ng模型显示的值[“Sometcity1”，“Sometcity2”]，至少它比这个好得多[“\n\t\t\t\t\t\t\t\t Sometcity1”，“\n\t\t\t\t\t\t Sometcity2”]这更接近解决方案，但正如我之前在像这样打印ng模型显示的值[“Sometcity1”，“某地2”]，在lea