AngularJS filter

Filtrovanie zoznamu položiek.

Filtrovanie zoznamu položiek. Zoznam Arduino dosiek sa automaticky filtruje podľa textu, ktorý je vložený do vstupného poľa.

Napíšte text do vstupného poľa:

  • {{ x }}

script

<script src=https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js></script>

filter.html

<div ng-app="myApp" ng-controller="myCtrl">
<p>Napíšte text do vstupného poľa:</p>

<p><input class="form-control" type="text" ng-model="filter_text"></p>

<ul>
  <li ng-repeat="x in names | filter:filter_text">
    {{ x }}
  </li>
</ul>
</div>

filter.js

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope, $filter) {
    $scope.names = [
        'Arduino Uno',
        'Arduino Due',
        'Arduino Zero',
        'MKR1000',
        'Arduino Leonardo',
        'Arduino Mega',
        'MKRZero',
        'LiliPad',
        'Arduino Yún'
    ];
});

Aplikácie

Menu