Javascript 使用<；选择></选择>；html标签_Javascript_Html_Angularjs

Javascript 使用<；选择></选择>；html标签

javascript html angularjs

Javascript 使用<；选择></选择>；html标签,javascript,html,angularjs,Javascript,Html,Angularjs,我想过滤一个ng重复函数（我不理解上面提到的内容，请原谅）。目前我想做一个过滤器，但是过滤器函数是基于选项的第一个字母的。例如，在一组数组/字符串中，我想过滤第一个字母是“a”或“B”之类的下面是HTML的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="https://ajax.goog

我想过滤一个ng重复函数（我不理解上面提到的内容，请原谅）。目前我想做一个过滤器，但是过滤器函数是基于选项的第一个字母的。例如，在一组数组/字符串中，我想过滤第一个字母是“a”或“B”之类的

下面是HTML的代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js">
    </script>
    <title>Belajar Angular</title>
    <script type="text/javascript">
      var app = angular.module('tesapp', []);
      app.controller('tesCtrl', function($scope,$http){
        $scope.DapatkanItem = function(){
          $http.get('json/item.json').success(function(data){
            $scope.item = data;
          });
        };

        $scope.DapatkanItem();
      });
    </script>
  </head>
  <body ng-app="tesapp" ng-controller="tesCtrl">
    <h1>Mencoba Filtering</h1>
    <div class="col col-4">
      <label class="select">
        <select name="gender" ng-model="alfabet">
          <option value="0" selected disabled>Alphabet</option>
          <option value="1">A</option>
          <option value="2">B</option>
          <option value="3">C</option>
        </select>
      </label>
    </div>
    <div ng-switch="alfabet">
      <div ng-switch-default>
        <ul ng-repeat="tes in item.stores | orderBy: 'preparation' | orderBy: 'name'">
          <li ng-if="tes.preparation == ''">{{tes.name}} kosong</li>
          <li ng-if="tes.preparation == '1'">{{tes.name}} satu</li>
          <li ng-if="tes.preparation == '2'">{{tes.name}} dua</li>
          <li ng-if="tes.preparation == '3'">{{tes.name}} tiga</li>
        </ul>
      </div>
      <div ng-switch-when="1">
        <ul ng-repeat="tes in item.stores | orderBy: 'preparation'">
          <li>{{tes.name}}</li>
        </ul>
      </div>
    </div>

  </body>
</html>


贝拉杰尔角
var-app=angular.module（'tesapp'，[]）；
app.controller（'tesCtrl'，函数（$scope，$http）{
$scope.DapatkanItem=函数（）{
$http.get（'json/item.json'）.success（函数（数据）{
$scope.item=数据；
});
};
$scope.DapatkanItem（）；
});
门可巴滤波
字母表
A.
B
C

{{tes.name}kosong
{{tes.name}satu
{{tes.name}}dua
{{tes.name}tiga


{{tes.name}

你觉得怎么样？例如，我想按数组的第一个字母“A”进行筛选，然后我将在

标记中选择A并完成，但在这种情况下，问题是我不知道必须使用什么函数才能按第一个字母进行筛选。

我想您可以看到以下线程：我会将您的选择更改为

<select name="gender" ng-model="alfabet">
  <option value="^">Alphabet</option>
  <option value="^(A|a)">A</option>
  <option value="^(B|b)">B</option>
  <option value="^(C|c)">C</option>
</select>

您好，谢谢您的回答，但我仍然有这个代码的问题，我不知道任何正则表达式可以帮助我想要什么。。。我已经尝试过了，但是结果还是很差（即使我也复制了从你的链接中获得的angularJS代码，我当然根据我自己的应用程序进行了编辑），但是仍然不起作用，你还有其他想法吗？非常感谢你把你的角度代码包括在你的问题里，天哪，代码正在工作。。。哇，非常感谢：）你的问题不清楚；这就是我从你的问题中了解到的，你需要在下拉列表中应用过滤器，它由从另一个下拉列表中取出的值控制（在你的例子中，这个下拉列表包含值“a”、“B”和“C”）？我的理解正确吗？是的，这就是我的意思，我也对如何提出好的问题感到困惑，因为我在这方面没有经验，而且还在学习。所以技术方法是这样的，当下拉值为：A时，列表将用每个值过滤，每个值的第一个字母是A。。。

ng-repeat="tes in item.stores | regex:'name':alfabet | orderBy: 'preparation' | orderBy: 'name'"